PDA

View Full Version : حرفه ای: گرفتن کد html ی که ckEditor تولید می کند در client Side و فرستادن با $.ajax{}



hamed_hossani
جمعه 17 آذر 1391, 20:13 عصر
سلام
من از ckeditor استفاده می کنم >میخاستم متن پستم رو به صورت زیر بفرستم
$.ajax({
type: "POST",
url: "subject.aspx/showDataSubject",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
// Replace the div's content with the page method's return.
$('#PanelSelectSubject').append(msg.d);
}
}); //end ajax
در client side با ajax
می خواستم مثل سایت stackOverFlow وقتی متن تایپ می کنم>در همان زمان پیشنمایش نشان دهم
مشکل اینه که این کامپوننت اجازه نمیده که با jquery یا javascript کد های html درونش روبکشم بیرون
به طور خلاصه >میاد بعد از اینکه تمام کد های jquery اجرا شد , editor رو بارگزاری می کنه!
مشکل من اینه که نمی تونم element ها رو انتخاب کنم؟

micro_bhk
جمعه 24 آذر 1391, 02:06 صبح
سلام
شما اول باید محتوای ادیتور رو بگیری، مثل مثال پایین:
var editor = CKEDITOR.editor.replace('آی دی تکست باکس');

$('#send').click(function() {
var value = editor.getData();
alert(value);
});


بعد با همون تابع که نوشتی محتوای ادیتور که تو این مثال value باشه رو ارسال کنی به تایع aspx. در صورتی که ثبت با موفقیت انجام شد، تو قسمت success چک میکنی و جایی که میخوای نمایش میدی

hamed_hossani
جمعه 24 آذر 1391, 02:55 صبح
با سپاس از شما
من ادیتور را با استفاده از فایل dll اضافه کزدم
id که هنگام اجرا برام میسازه

<textarea name="ctl00$ContentPlaceHolder1$CKEditorControl" rows="2" cols="20" id="ctl00_ContentPlaceHolder1_CKEditorControl" style="background-color: rgb(255, 0, 102); height: 250px; visibility: hidden; display: none;">dhd fdh</textarea>
در زیر یک span گذاشته که کد ویرایشگر+متن وارد شده وجود داره

<span id="cke_ctl00_ContentPlaceHolder1_CKEditorControl" class="cke_skin_kama cke_1 cke_editor_ctl00_ContentPlaceHolder1_CKEditorContr ol" dir="rtl" title="" lang="fa" tabindex="0" role="application" aria-

micro_bhk
جمعه 24 آذر 1391, 15:34 عصر
شاید این به دردت بخوره
http://barnamenevis.org/showthread.php?373664