PDA

View Full Version : سوال: مشکل با tinymce



nsco_nsco
پنج شنبه 27 تیر 1392, 04:07 صبح
سلام دوستان من از این ویرایشگر مطلب استفاده می کنم در یک فرم سه textarea دارم می خوام که دو تا از اون دارای خاصیت تینی باشند و یکی معمولی و بدون این خاصیت ویرایشگری باشه باید چطوری این کار را بکنم این یکی که بدون این خاصیت باشه باید چطور انجام بدم مرسی

h.rezaee
پنج شنبه 27 تیر 1392, 09:44 صبح
سلام. در Documention این ادیتور کاملا توضیح داده شده است. برای این که هر teaxarea که این خاصیت داشته باشد باید بخش id اون رو برابر elm1 و name اون رو هم برابر areaقرار بدین. موفق باشین.

nsco_nsco
پنج شنبه 27 تیر 1392, 09:49 صبح
سلام ممنون از پاسختون من مشکلم نمایشش نیست غیرفعال کردن یک teaxarea هست ببینید با کد زیر نمایش می دم


<textarea rows="4" cols="50"></textarea>


بخوام این رو غیرفعال کنم که معمولی نمایش بده بدون ویرایشگر متن باید چه کدی استفاده کنم ممنون

h.rezaee
پنج شنبه 27 تیر 1392, 09:57 صبح
ببینید در صورتی tiny نمایش داده میشه که از id و name گفته شده استفاده کنیم. در غیر این صورت نمایش نمیده.
اگه از نسخه نهایی اون دارین استفاده می کنید ، در قسمت header این کد رو قرار بدین :

<script type="text/javascript">
tinymce.init({
selector: "textarea#elm1",
theme: "modern",
width: 650,
height: 150,
plugins: [
"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
"save table contextmenu directionality emoticons template paste textcolor"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l ink image | print preview media fullpage | forecolor backcolor emoticons"
});
</script>

و قسمتی که میخوای این نمایش داده بشه :

<textarea id="elm1" name="area"></textarea>

دقت کنی در قسمت selector قرار گرفته در header نام id اون سلکتور نوشته شده.

nsco_nsco
پنج شنبه 27 تیر 1392, 10:02 صبح
سلام من از کد زیر برای فراخوانی استفاده می کنم :


<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",

// Theme options
theme_advanced_buttons1 : "styleselect,formatselect,fontselect,fontsizeselect ,code,insertdate,inserttime",
theme_advanced_buttons2 : "bold,italic,underline,strikethrough,|justifyleft,j ustifycenter,justifyright,justifyfull,preview,fore color,backcolor,sub,sup,image,charmap,emotions,ies pell,media,advhr,moveforward,movebackward",
theme_advanced_buttons3 : "cut,copy,paste,search,replace,bullist,numlist,outd ent,indent,blockquote,undo,redo,link,unlink,anchor ,cleanup,styleprops,spellchecker,cite,abbr,acronym ,del,ins,attribs,insertlayer,absolute",
theme_advanced_buttons4 : "tablecontrols,|,hr,removeformat,visualaid,|,visual chars,nonbreaking,template,blockquote,pagebreak,|, insertfile,insertimage",
theme_advanced_buttons5 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "right",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : false,

// 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>

و همونطور که گفتم بدون هیچ ای دی بخصوصی کلیه فیلدها فعال می شن

h.rezaee
پنج شنبه 27 تیر 1392, 10:08 صبح
خوب این خط رو بالای theme قرار بدین.

selector: "textarea#elm1",

nsco_nsco
پنج شنبه 27 تیر 1392, 10:11 صبح
سلام ممنون باید مود را حذف کرد و کد بالا را قرار داد بازم ممنونم خیلی کمک کردید موفق باشید:لبخندساده:

nsco_nsco
پنج شنبه 27 تیر 1392, 10:15 صبح
فقط دوست من یک مسئله دیگر فقط با این کد یکی دانه از textarea با این #elm1 فعال میشه اگر بخوام دوتاtextarea بخوام چگونه باید اعمال کنم ممنون

nsco_nsco
پنج شنبه 27 تیر 1392, 10:17 صبح
بازم ممنون دوستم این طوری میشه این کار رو کرد قرار می د برای دوستانی که مشکل من را دارند ممنون بازم دوست خوبم


selector: "textarea#elm1,#elm2",


موفق باشید