راه اندازی و استفاده از CKEditor با استفاده از jQuery و AJAX

[A.S.Roma]

من با CkFinder به مشکل بر خوردم .

تمامی کارها را انجام دادم موقع اجرا از این خط Error می گیرد :

public class FileBrowserDesigner : System.Web.UI.Design.ControlDesigner

اسمبلی System.Design را اضافه کردم و به مشکل دیگر برخوردم .
ظاهرا" چون Ckfinder هم فایل Assemblyinfo.cs دارد با asssemblyinfo پروژه خودم تداخل پیدا کرده و همه Attribute ها Duplicate شده اند .

[atefe_asadi]

ممنون از این مقاله. من یه مشکلی دارم. همونطور که گفتید از جی کوئری استفاده کردم توی پروژم. اما زمانی که می خوام مطلب تایپ شده توی ادیتور رو بفرستم به سرور، نمی فرسته. اصلا رویداد توی صفحه اجرا نمی شه. می شه کمک کنید؟

[Vahid_moghaddam]

ممنون از این مقاله. من یه مشکلی دارم. همونطور که گفتید از جی کوئری استفاده کردم توی پروژم. اما زمانی که می خوام مطلب تایپ شده توی ادیتور رو بفرستم به سرور، نمی فرسته. اصلا رویداد توی صفحه اجرا نمی شه. می شه کمک کنید؟

1. ابتدا چک کنید در تایپ پارامتر ها در دستور ajax اشتباه نکرده باشید.
2. ASP.NET رشته json به 102400 کاراکتر محدود می کنه. شما می تونید مقدار ماکزیمم رو در web.config تغییر بدید:

<configuration>

  <system.web.extensions>

    <scripting>

      <webServices>

        <jsonSerialization maxJsonLength="500000"/>

      </webServices>

    </scripting>

  </system.web.extensions>

</configuration>

[atefe_asadi]

ckfinder رایگان نیست. وقتی سایت رو آپلود کنیم مشکلی پیش نمیاد؟

[Vahid_moghaddam]

ckfinder رایگان نیست. وقتی سایت رو آپلود کنیم مشکلی پیش نمیاد؟

نه. فقط یه پیغام میاد که این کنترل داره مجانی ازش استفاده می شه

[pardis11]

اگه امکان داره نصب ورژن دات نت رو هم آموزش بدین:::: FCKeditor.Net
تو سایت عنوانش برای دانلود هستش البته ای پی ایران رو تحریم کرده و باید با فی ل تر شکن دانلود کنین :
FCKeditor.Net: ASP.Net Control to easily integrate FCKeditor on ASP.NET pages

[saberfarhadi]

سلام ممنون از این تایپیک خوب و از این آموزش کاملتون
به غیر از یک قسمت بقیه همش درست اجرا شد و اون قسمت همون آپلود عکس از سیستم خودمون هست که اون تگ font هایی که نوشته بودید نمیدونم چی بود و نمیدونم چجوری باید استفاده می کردم . jsشو لینک کردم تگهاشم قرار دادم باز بالاش این خطا نشون میداد:

<scriptsrc="CKFinder/ckfinder.js"type="text/javascript">script> $(document).ready(function() { $('#Editor').ckeditor({ customConfig: '', font_names: 'Tahoma;'+'B Nazanin;', language: 'en', skin: 'office2003', resize_enabled: false, contentsLangDirection: 'rtl', font_defaultLabel: 'Tahoma' }); CKFinder.SetupCKEditor(null, 'ckfinder/'); });

ببخشید میتونید skin های بیشتری هم بذارید؟ راستی این ادیتور خیلی دیر لود میشه چه کار باید کرد؟؟ ادیتور ساده ای مثل ادیتور این انجمن سراغ دارین؟ و راهنمای نصبش؟ ممنون از آموزش کامل شما

[palang sorati]

سلام دوست گرامی جناب مقدم
من در صفحه WebUserControl . ascx از ckeditor استفاده می کنم . کد زیر را در هر کجای صفحاتم که قرار می دهم باز هم خطا می دهد .

<script>

        $(document).ready(function() {

            $('#Editor').ckeditor();

        });

    </script>

 

با این که مطمئنم jquery و css ها را درست آدرس دهی کردم . جای قرار دادن این کد کجاست ؟

از شما خواهش می کنم برای ما مبتدیان برنامه نویسی دات نت فیلم آموزشی برای این تاپیک (راه اندازی و استفاده از CKEditor با استفاده از jQuery و AJAX ) قرار دهید . چون من اسکریپت های این تاپیک را نمی دانم کجای فرمم قرار دهم .

متشکرم ...

[mehrdad_shahian]

سلام
من وقتی در ckeditor در پنجره Image Properties روی Browse Server کلیک میکنم به من این پیغام رو میده که تصویرش رو ضمیمه کردم.لطفا بگید این از چیه؟
مرسی

[8611670474]

مشکلی که دوستان داشتن با کدهای html ذخیره شده در db ، خیلی ساده تر هم حل میشه.
به جای اینکه خاصیت innerhtml را ذخیره کنند، innertext را ذخبره کنند.

[majid.mp]

با عرض سلام خدمت دوستان
بنده از dll این کنترل در asp.net استفاده میکنم حال چطور میتوانم باتن فهرست نمایی سرور را به پنجره درج تصویر اضافه نمایم؟
قابل ذکر است طبق پست شماره 3 عمل نمودم ولی در هنگام اجرا باتن فهرست نمایی سرور نمایش داده نمیشود به نظرم باید یک سری تنظیمات به فایل های پوشه Ckeditor اعمال کنم تا این باتن نمایش داده شود.
با تشکر.

[conroe7000]

مشکل من اینه که فقط متن مقدار اولیه رو برمیگردونه یعنی اگر در کیک یک دکمه بنویسم که منم فعلی رو به من بده متن نوشته شده رو بی خیاله و فقط همون چیزی که تو لود صفحه بهش دادمو میده
؟
چکار باید بکنم ؟
در ضمن وقتی می خام تو دیتابیس ذخیره کنم پیغام خطا ظاهر میشه
البته به خاطر کوتیشن و دبل کوتیشن و تگ هال اچ تی ام ال هست
چطور باید این مشکلو حل کنم ؟


تورو خدا کمک کنید

asp.net با ویژوال استیدو 2010

[h.rezaee]

سلام. ممنون از این که این مقاله مفید رو نوشتین. یه سوال داشتم اونم اینه که چه جوری اطلاعات رو از دیتابیس با labal بخونم بدون تگهای HTML?????

[ERIKA]

سلام من این کامپوننت ckeditor را توی برنامه ام اضافه کردم توی دمو نشان میدهد که وقتی روی عکس کلیک میکنیم یک دکمه browseداره که میت.ان مسیر عکس بهش داد
ولی وقتی من اضافه کردم این دکمه نبود ظاهرا باید دستی مسیر urlمیدادیم
میخام ببینم بای چکار کنم تا این دکمه اضافه گردد؟؟؟
ایا باید fckeditor اضافه کنم ؟؟؟

[v_vahid]

سلام خسته نباشید
آقا از من Browse Server فعال نمیشه همه کارهایی رو که گفتید بودید انجام دادم ولی فعال نمیشه

[pishi-pishi]

من این مراحل را انجام دادم ولی وقتی سایت را آپلود میکنم ادیتور نمایش داده نمی شود.بروی لوکال هاست مشکلی ندارد

لطفا راهنمایی کنید خیلی خیلی فوری است

[meisam12]

سلام دوستان
این ویرایشگر امکانم نوشتن سورس کد مثل C#‎ , SQL , VB ,... را دارد؟

[hamidhassas]

من کل تاپ رو خوندم و یکی یکی تمام کار هایی رو که گفتید رو انجام دادم اما چند تا مشکل دارم اول برای ckeditor انجام دادم و کار میکنه فقط خط زیر رو ایراد میگیره در php تو برنامه Adobe Dreamweaver CS6
و اینکه ckfinder رو دانلود کردم اما اجرا نمیشه

<script>

       $(document).ready(function() {

                $('#tText').ckeditor();

              });

</script> 

runat="server" رو هم اضافه و یا برداشتم باز هم جواب نداد

[h.moradof]

من این مراحل را انجام دادم ولی وقتی سایت را آپلود میکنم ادیتور نمایش داده نمی شود.بروی لوکال هاست مشکلی ندارد

لطفا راهنمایی کنید خیلی خیلی فوری است

سلام

من همین مشکل رو داشتم .
توی پوشه dceditor فایل htaccess رو حذف کنین ... مشکل برطرف میشه.

[hamidhassas]

چرا CKFinder برای من اجرا نمیشه و عمل نمی کنه؟

این هم کد برنامه CKٍditon

<script src="../../scripts_style/scripts/ckfinder/ckfinder.js"type="text/javascript"></script>

<script src="../../scripts_style/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="../../scripts_style/scripts/ckeditor/ckeditor.js" type="text/javascript"></script>

<script src="../../scripts_style/scripts/ckeditor/config.js" type="text/javascript"></script>

<script src="../../scripts_style/scripts/ckeditor/adapters/jquery.js" type="text/javascript"></script>

<link href="../../scripts_style/scripts/ckeditor/contents.css" rel="stylesheet" type="text/css" /> 

<script>

$(document).ready(function()

 {

  $('#Editor').ckeditor(

 {

  customConfig: '',

  skin: 'kama',

  language: 'fa',

  contentsLangDirection: 'rtl',

  font_defaultLabel: 'Tahoma',

  font_names: 'Tahoma;'+'Arial;',

  //resize_enabled: false,

  //height:'200px',

  toolbar:[

   ['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],

      ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],

   ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],

   ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],

    '/',

        ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],

     ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'CreateDiv'],

        ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],

        ['Link', 'Unlink', 'Anchor'],

        ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],

         '/',

          ['Styles', 'Format', 'Font', 'FontSize'],

          ['TextColor', 'BGColor'],

          ['Maximize', 'ShowBlocks', '-', 'About']

 

]

}

);

CKFinder.SetupCKEditor(

null, 'ckfinder/'

); 

</script>

[soshyanet]

salam doostam
man az ck editor hamoon tor ke goftid estefade kardam

ba configesh moshkeli nadashtam
amma nemidoonam chera ettelaat ro ersal nemikone
man oon ro be in soorat be kar bordam

<textarea id="Editor"   name="Editor"   ></textarea>

va mikham samtike form ersal mishe
be in soorat tahvil begiram

$text = $_POST['Editor'];

amma vaghti barname ro compile mikonam
meghdare text khali hastesh


lotfan komak konid
kheyli forie

[abbas3zaar]

سلام textarea اصلا تغییر نمیکنه!

این کد:

<html>

<head>

<title>CKEditor</title>

    <script src="jquery-1.4.2.min" type="text/javascript"></script>

    <script src="ckeditor/ckeditor.js" type="text/javascript"></script>

    <link href="ckeditor/contents.css" rel="stylesheet" type="text/css" />

</head>

<body>

<textarea id="Editor" name="Editor"></textarea>

<script>

$(document).ready(function() {

$('#Editor').ckeditor();

});

</script>

</body>

</html>

اینم فایل ها:

aaaaaa.jpg

[minamorsali]

سلام
ckfinder که رایگان نیست. پس وضعیت آپلود عکس در ckeditor چی میشه؟ آیا امکان استفاده از ckfinder وجود داره؟

[conroe7000]

سلام من فایلها رو دانلود کردم و مراحل رو مطابق کارهایی که گقته بودین انجام دادم البته در php همه چیز درسته اما دکمه brows server که از همه مهمتره و برای آپلود عکس مد نظر هست نمایش داده نمیشه لطفا در صورتی که این مراحل در php متفاوت هست اطلاع بدین و در صورت امکان آموزش php رو هم بدین ممنون

[mobtadi2009]

ممنون خیلی زیاااااااااااد

[mamani88]

برای من هیچی نشون نمیده جز texterea

<%@ Page Language="C#‎" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    
    <script src="ckeditor/ckeditor.js" type="text/javascript"></script>
    <script src="ckeditor/adapters/jquery.js" type="text/javascript"></script>
    <link href="ckeditor/contents.css" rel="stylesheet" type="text/css" />
    <script src="ckeditor/jquery-1.4.2.min.js" type="text/javascript"></script>
    
    
    <script type="text/javascript">
       $(document).ready(function() {
           $('#Editor').ckeditor();
           
       });
       
       
    </script>
   

   
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <textarea id="Editor"   name="Editor" rows="2" ></textarea>
    </div>
    </form>
</body>
</html>

[مرتضی تقدمی]

سلام

برای رفع مشکلات کار با این ویرایشگر به این مطلب مراجعه کنید. توضیحات کامل به همراه روش ساده تر راه اندازی داده شده است.

با تشکر
موفق باشید

[saeed_pb]

سلام دوستان
من یه مشکلی دارم تو اسفاده از روش ارسال و دریافت متن editor با اضافه کردن runat=server به textarea
وقتی دکمه ی ثبتم که تو اون این کد :string s = Editor.InnerHtml.tostring();

نوشته شده می زنم ، قبل از این که این کد رو اجرا کنه خطای :
A potentially dangerous Request.Form value was detected from the client(ctl00$ContentPlaceHolder1$Editor="<p>dsdddd ddd<p>").
رخ میده
لطفا راهنمایی ام کنید.

[maryam_saboori]

مرسی ممنون.
یه منبع دیگه که مشکل من رو در ساخت ادیتور حل کرد این سایت بود.فیلم آموزشی به زبان فارسی هستش که نحوه استفاده از ckeditor رو به خوبی و با زبان ساده توضیح میده.هم ساده و هم روانه

لینک:

clicksite.ir/article.php?id=55

یا این لینک

[mis.shafiee]

سلامببخشید من ی مشکل با ckFinder داشتم. می خواهم ی دکمه داخل صفحه ام بگذارم که کنار ان یک lable باشه ،که وقتی روی ان کلیک می کنم مستقیما به ckFinder متصل بشه که از انجا بتونم ی عکس انتخاب کنم و بعد از انتخاب عکس ادرس عکس در lable نمایش داده شود.
من فقط تونستم به Ckfinder ، با خود دکمه browse server اتصال پیدا کنم . می خواهم هر جا که خواستم بتونم با گذاشتن ی دکمه به آنت وصل شوم.


ممنون میشم راهنمایی بفرمایید.

[mis.shafiee]

سلام

ببخشید من ی مشکل با ckFinder داشتم. می خواهم ی دکمه داخل صفحه ام بگذارم که کنار ان یک lable باشه ،که وقتی روی ان کلیک می کنم مستقیما به ckFinder متصل بشه که از انجا بتونم ی عکس انتخاب کنم و بعد از انتخاب عکس ادرس عکس در lable نمایش داده شود.

من فقط تونستم به Ckfinder ، با خود دکمه browse server اتصال پیدا کنم . می خواهم هر جا که خواستم بتونم با گذاشتن ی دکمه به آنت وصل شوم.

ممنون میشم راهنمایی بفرمایید.

مانند لینک زیر :
http://cksource.com/ckfinder/demo#forms

[ebi7171]

در ادیتور مشکلی وجود ندارد اما در صفحه ای که باید نمایش بده فقط سورس به نمایش در میاد.
به عکس های زیر توجه کنید؟
http://www.up.downloadkral.com/uploa...0854876341.jpg
http://www.up.downloadkral.com/uploa...0854878952.jpg

باید چی کار کرد؟