PDA

View Full Version : راهنماي نصب اديتور TinyMCE



mehrdad_shahian
چهارشنبه 20 بهمن 1389, 13:30 عصر
سلام
كسي راهنماي نصب اين اديتور رو داره يا بلده چه جوري تو دات نت نصب ميشه و ميشه ازش استفاده كرد.
من توسايت خودش ديدم تو php رو ياد داده بود

متشكرم

b.paseban
چهارشنبه 20 بهمن 1389, 13:57 عصر
سلام بر شما.
شما باید توی فیال های اون این کد جاوا رو با این آدرس به صفحه خودت اضافه کنی:

<script src="../tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>

بعدش این تکه کد جاوا رو به انتهای صفحه خودت اضافه کنید:




<script type="text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
plugins: "safari,spellchecker,pagebreak,style,layer,table,sa ve,advhr,advimage,advlink,emotions,iespell,inlinep opups,insertdatetime,preview,media,searchreplace,p rint,contextmenu,paste,directionality,fullscreen,n oneditable,visualchars,nonbreaking,xhtmlxtras,temp late,imagemanager,filemanager",

// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,|,styleselect,formatselect,fontselect,font sizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,st yleprops,spellchecker,|,cite,abbr,acronym,del,ins, attribs,|,visualchars,nonbreaking,template,blockqu ote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,

// Example content CSS (should be your site CSS)
content_css: "css/example.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url: "js/template_list.js",
external_link_list_url: "js/link_list.js",
external_image_list_url: "js/image_list.js",
media_external_list_url: "js/media_list.js",

// Replace values for the template plugin
template_replace_values: {
username: "Some User",
staffid: "991234"
}
});
</script>



بعد هر جا توی صفحت کنترل textbox با textmode multiline داشته باشی خودش خود به خود به ادیتور تبدیل میشه

si6arp
چهارشنبه 20 بهمن 1389, 16:00 عصر
کار نکرد برادر
من اینو تو تگ هد اضافه کردم :
<script src="../tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>

و بعد همون کدی که گفتین رو اضافه کردم ولی نشد

mehrdad_shahian
چهارشنبه 20 بهمن 1389, 17:18 عصر
[/CODE]
بعد هر جا توی صفحت کنترل textbox با textmode multiline داشته باشی خودش خود به خود به ادیتور تبدیل میشه

سلام
دقيقا كد صفحه aspx رو بزار اينجا چون منم امتحان كردم نشد.واگه توضيحي هم هست لطفا واضح تر بگيد.

b.paseban
چهارشنبه 20 بهمن 1389, 17:36 عصر
دقيقا كد صفحه aspx رو بزار اينجا چون منم امتحان كردم نشد.واگه توضيحي هم هست لطفا واضح تر بگيد.





<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyWebEditor.aspx.cs" Inherits="WebApplication2.MyWebEditor" ValidateRequest="False" %>

<!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 runat="server">
<title></title>
<script src="tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>

Title:
<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>

</div>
<p>
Content:</p>
<p>
<asp:TextBox ID="txtContent" runat="server" Height="207px" TextMode="MultiLine"></asp:TextBox>
</p>
<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />
<hr />

<script type="text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
plugins: "safari,spellchecker,pagebreak,style,layer,table,sa ve,advhr,advimage,advlink,emotions,iespell,inlinep opups,insertdatetime,preview,media,searchreplace,p rint,contextmenu,paste,directionality,fullscreen,n oneditable,visualchars,nonbreaking,xhtmlxtras,temp late,imagemanager,filemanager",

// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,|,styleselect,formatselect,fontselect,font sizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,st yleprops,spellchecker,|,cite,abbr,acronym,del,ins, attribs,|,visualchars,nonbreaking,template,blockqu ote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,

// Example content CSS (should be your site CSS)
content_css: "css/example.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url: "js/template_list.js",
external_link_list_url: "js/link_list.js",
external_image_list_url: "js/image_list.js",
media_external_list_url: "js/media_list.js",

// Replace values for the template plugin
template_replace_values: {
username: "Some User",
staffid: "991234"
}
});
</script>

<asp:Label ID="lblContent" runat="server"></asp:Label>

</form>

</body>
</html>

mehrdad_shahian
چهارشنبه 20 بهمن 1389, 17:53 عصر
حالا كه نگا ميكنم ميبينم كه منم قبلا مثل شما اجام داده بودم ولي باز كد شما رو كپي كردم و داخل صفحه خودم قرار دادم ولي باز نشد.
چيكار كنم

mehrdad_shahian
چهارشنبه 20 بهمن 1389, 18:02 عصر
راستي بگم من از tinymce_3_3_9_3_dev استفاده ميكنم
شما از چي استفاده كرديد؟

b.paseban
چهارشنبه 20 بهمن 1389, 18:08 عصر
شاید اشکال از مرورگر شما باشه.این ادیتور توی pc من توی برنامه opera باز نمیشه ولی توی IE باز میشه.
یه امتحان بکن ببین همینطوری هست؟
شایدم نسخه شما کامل نیست.

mehrdad_shahian
چهارشنبه 20 بهمن 1389, 18:19 عصر
خب شما از كدو نسخه اين اديتور استفاده ميكنيد؟من چند تا مدل دانلود كردم بگيد كدومه من از اون استفاده كنم
من توي IE امتحانش كردم

b.paseban
چهارشنبه 20 بهمن 1389, 18:36 عصر
الان دارم آپلودش می کنم تموم شد میگم برید دانلود کنید.:چشمک:

b.paseban
چهارشنبه 20 بهمن 1389, 18:39 عصر
http://www.4shared.com/file/yHXoijHk/tinymce_2.html

jaykob
چهارشنبه 20 بهمن 1389, 18:46 عصر
سلام Script ادیتور بیاد قبل Head حل می شه . تستش هم کردم مشکلی نداشت :



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TinyMCE._Default" ValidateRequest="false" %>


<!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></title>
<script src="tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
plugins: "safari,spellchecker,pagebreak,style,layer,table,sa ve,advhr,advimage,advlink,emotions,iespell,inlinep opups,insertdatetime,preview,media,searchreplace,p rint,contextmenu,paste,directionality,fullscreen,n oneditable,visualchars,nonbreaking,xhtmlxtras,temp late,imagemanager,filemanager",

// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,|,styleselect,formatselect,fontselect,font sizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,st yleprops,spellchecker,|,cite,abbr,acronym,del,ins, attribs,|,visualchars,nonbreaking,template,blockqu ote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,

// Example content CSS (should be your site CSS)
content_css: "css/example.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url: "js/template_list.js",
external_link_list_url: "js/link_list.js",
external_image_list_url: "js/image_list.js",
media_external_list_url: "js/media_list.js",

// Replace values for the template plugin
template_replace_values: {
username: "Some User",
staffid: "991234"
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

Title:
<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>

</div>
<p>
Content:</p>
<p>
<asp:TextBox ID="txtContent" runat="server" Height="207px" TextMode="MultiLine"
Width="726px"></asp:TextBox>
</p>
<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />
<hr />



<asp:Label ID="lblContent" runat="server"></asp:Label>

</form>

</body>
</html>

mehrdad_shahian
چهارشنبه 20 بهمن 1389, 20:37 عصر
اقا ما هم دانلود كرديم اديتور رو و هم اسكريپت رو توي head گذاشتيم و لي نشد كه نشد.
راه حلش اينه كه jaykob كه مشكلي نداشته تو اجرا پروژش،پروژش رو اپلود كنه يا يه راه حل ديگه بگيد

jaykob
چهارشنبه 20 بهمن 1389, 23:20 عصر
اقا ما هم دانلود كرديم اديتور رو و هم اسكريپت رو توي head گذاشتيم و لي نشد كه نشد.
راه حلش اينه كه jaykob كه مشكلي نداشته تو اجرا پروژش،پروژش رو اپلود كنه يا يه راه حل ديگه بگيد

پروژه رو آپلود کردم . برای لود شدن هم باید صبر کنید . اما از نظر بار گزاری ckeditor خیلی راحت تر لود می شد .

http://hotfile.com/dl/103243329/67120f0/TinyMCE.rar.html

javad.nic63
پنج شنبه 21 بهمن 1389, 00:32 صبح
ValidateRequest="false" اين رو چك كردي كه توي خط اول سايتت بزاري؟

mehrdad_shahian
پنج شنبه 21 بهمن 1389, 09:37 صبح
ValidateRequest="false" اين رو چك كردي كه توي خط اول سايتت بزاري؟
بزاري و نزاري فرقي نميكنه.اصلا نشون نميده

mehrdad_shahian
پنج شنبه 21 بهمن 1389, 10:28 صبح
دست همگي درد نكنه مخصوصن جناب jaykob كه پرو‍ژه گزاشتن.من جواب گرفتم ولي يه مشكلي كه هست اينه كه وقتي من اين كد رو به يه يوزركنترل انتقال ميدم و اون يوزركنترل رو به يه پوشه انتقال ميدم دوباره از كار ميفته.اگه ميشه راهنمايي كنيد.پوشه خود اديتور هم داخل روت سايته

متشكرم

mehrdad_shahian
جمعه 22 بهمن 1389, 20:09 عصر
مشکل من حل شد تونستم کد شما رو به یه پوشه انتقال بدم.
حالا دوتا مشکل اساسی من اینه که
1-وقتی به نوشته ای رنگ میدم،رنگ رو نشون میده ولی داخل کد html هیچ تگ کالری مشاهده نمیشه و همینطوری ساده داخل دیتابیس ذخیره میشه.
2-اگه من دوتا textbox داشته باشم و بخوام یکیش ادیتور باشه و یکی دیگش یه textbox چند خطی ساده که فقط توضیح میگیره،رو نمیدونم چه جوری از هم تفکیک کنم که همه textbox هام اینطوری نشن(تبدیل به ادیتور نشن)

b.paseban
شنبه 23 بهمن 1389, 11:23 صبح
پروژه رو آپلود کردم . برای لود شدن هم باید صبر کنید . اما از نظر بار گزاری ckeditor خیلی راحت تر لود می شد .

سلام بر شما.یکی از مزیت های tinymce اینه که سریع لود میشه حتی از fckeditor.


ValidateRequest="false" اين رو چك كردي كه توي خط اول سايتت بزاري؟

ایم خط برای اینه که ما موقعی که داریم یه فایل متنی رو ذخیره می کنیم اجازه ذخیره اون رو بصورت Html بده .
اینکار در بعضی جاها باعث حمله به سایت و خرابکاری میشه که توصیه می کنم از AntiXSSV31 استفاده کنید و قبل از درج توی وب سایت اون رو به کدهای خنثی تبدیل کنید.


-وقتی به نوشته ای رنگ میدم،رنگ رو نشون میده ولی داخل کد html هیچ تگ کالری مشاهده نمیشه و همینطوری ساده داخل دیتابیس ذخیره میشه.

وقتی از دیتا بیس می خونی درست نشون میده یا نه؟(با همون استایل)


اگه من دوتا textbox داشته باشم و بخوام یکیش ادیتور باشه و یکی دیگش یه textbox چند خطی ساده که فقط توضیح میگیره،رو نمیدونم چه جوری از هم تفکیک کنم که همه textbox هام اینطوری نشن(تبدیل به ادیتور نشن)

این یکی رو بهش برنخوردم

mehrdad_shahian
شنبه 23 بهمن 1389, 11:40 صبح
وقتی از دیتا بیس می خونی درست نشون میده یا نه؟(با همون استایل)


اگه كد html داراري تگ رنگ باشه اره نشون ميده.

وقتي رنگ به متن ميدم ميرم تو كد html اديتور ميبينم كه هيچ تگ رنگي اضافه نكرده ولي متن رو رنگي نشون ميده و داخل ديتابيس هم ساده ذخيره ميكنه.فقط اگه پاراگراف داشته باشيم تگ پاراگراف رو ميزاره

moferferi
پنج شنبه 13 مرداد 1390, 14:58 عصر
با سلام
من اخرین ورژن ادیتور را از سایتش دانلود کردم.ولی فقط توی مرور گر اینترنت اکسپلورر نمایش داده میشه.
اما پروژه اقای jaykob (http://barnamenevis.org/member.php?133240-jaykob) را که دانلود کردم اون درسته و توی موزیلا هم نمایش داده میشه.
کسی میدونه دلیلش چیه.قاعدتا اخرین ورژن نباید مشکلی داشته باشه.

مشکل دیگه اینکه برای خوندن مقدارش باید از
textbox1.text
استفاده کنیم.چون دراین صورت فقط متن خالی را قبول میکنه و اگه حاوی شکلک یا چیز دیگه ای باشه خطا میده.

moferferi
پنج شنبه 13 مرداد 1390, 16:01 عصر
مشکلم با خوندن از تکست باکس حل شد.باید توی فایل تنظیمات این کد را اضافه میکردم
<httpRuntime requestValidationMode="2.0" />
چون من با دات نت 4 داشتم کار میکردم.
ولی هنوز مشکلم با نمایش داده نشدن ادیتور در موزیلا حل نشده.

sh
جمعه 14 مرداد 1390, 00:38 صبح
میشه توضیح بیشتری بدی ؟ مگه استفاده از دات نت 4 چه فرقی داره ؟



چون من با دات نت 4 داشتم کار میکردم.

sh
شنبه 15 مرداد 1390, 03:44 صبح
خب جوابش رو خودم پیدا کردم اینجا می نویسم برای دیگران

در ASP.NET 2 امکان request validation فقط در سطح هر صفحه فراهم بود ولی در نسخه 4 این امکان برای کل صفحات فعال است و برای اینکه ValidateRequest="false" در سطح صفحات درست کار کند ما باید بدین صورت (<httpRuntime requestValidationMode="2.0" />) آن را در وب کانفیگ تنظیم کنیم تا مثل ASP.NET 2 عمل کند

iman2025
پنج شنبه 28 شهریور 1392, 18:12 عصر
من به راحتی ست کردم ولی وقتی باهاش مطلب میفرستم بعد که ارسال میشه فقط کد نشون میده
مشکلش چیه ؟؟؟