PDA

View Full Version : سوال: تغيير عرض (درازاي) اديتور Tinymce


bftarane
شنبه 11 آذر 1391, 21:29 عصر
سلام من چطور مي تونم width اديتور tinymce رو تغيير بدم.
سرچ زياد زدم ولي نتونستم به نتيجه برسم. لطفاً راهنمايي کنيد خيلي برام مهمه.
در فايل content.css هم نتونستم چيزي پيدا کنم که به width مربوط باشه.
Saber Mogaddas
شنبه 11 آذر 1391, 23:58 عصر
سلام
در قسمت general option اسکریپت tinymce از پارمتر width می تونید استفاده کنید :
اسکریپت کامل tinymce به صورت زیر هست :

<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "autolink,lists,spellchecker,pagebreak,style,layer, table,save,advhr,advimage,advlink,emotions,iespell ,inlinepopups,insertdatetime,preview,media,searchr eplace,print,contextmenu,paste,directionality,full screen,noneditable,visualchars,nonbreaking,xhtmlxt ras,template",

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

// Skin options
skin : "o2k7",
skin_variant : "silver",

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

در قسمت general عرض رو به صورت زیر تعیین می کنیم:

tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
width : "640"
...
});

توسط content.css نیز می تونید این تنظیمات رو برای select زیر انجام دهید :(من این امتحان نکردم)

body#mceSpanFonts.mceContentBody{
width:600px;
}

موفق باشید..
bftarane
یک شنبه 12 آذر 1391, 08:04 صبح
نمي دونم چرا تغييري اعمال نميشه.
حتي اومدم راه اول رو در يک صفحه اي که هيچ StyleSheet ديگه اي بهش اعمال نشده بود امتحان کردم بازم جواب نداد
ببينيد اين تکست باکسي هست که من در صفحه مي ندازم
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
</form>
</body>راستي من حتي اومدم روش اول رو با کدهاي شما امتحان کردم گفتم شايد اونجا چيزي کم و زياد باشه بازم نشد.
به نظرتون بايد به اين کدي اضافه کنم؟
روش دوم رو هم يه امتحاني کردم جواب نداد.
اينم عکس مشکلم
95895
به دادم برسيد. من با Asp.net کار مي کنم مي تونه ربطي به اون داشته باشه؟
من کلي وقت گذاشتم تا فعلاً به اين نتيجه رسيدم که اين بهترين اديتوري که مي تونم استفاده کنم اين عرض هم شايد به نظر مشکل کوچيکي بياد ولي اگه حل نشه بعيد مي دونم بتونم از اين اديتور در سايتم استفاده کنم.
pary_daryayi
یک شنبه 12 آذر 1391, 09:36 صبح
چرا texbox استفاده میکنید ؟ باید textextra بزارید .

-----------------------------------

آقای مقدس ، این ادیتور همه ی ابزارش از جمله آپلود تصویر و کد نویسی اش درست کار میکنه و مشکلی در استفاده نداره ؟
من باهاش مشکل داشتم.

-----------------------------------
bftarane
یک شنبه 12 آذر 1391, 12:35 عصر
مگه تو Asp.net
textextra داريم؟
Saber Mogaddas
یک شنبه 12 آذر 1391, 12:44 عصر
سلام
شما این ادیتور رو همراه با قالب صفحه با تنظیمات خودتون تو یک فایل html قرار بدید و به صورت یک پوشه ضمیمه کنید تا مشکلتون بررسی شه.



آقای مقدس ، این ادیتور همه ی ابزارش از جمله آپلود تصویر و کد نویسی اش درست کار میکنه و مشکلی در استفاده نداره ؟

متاسفانه تو نسخه رایگان آپلود تصویر نداره ولی می تونیم تصویر آپلود شده رو به صورت url در ادیتور ضمیمه کنیم.
ولی برای نوشتن کد این روش (http://www.boonex.com/forums/topic/Insert-Embed-Code-plugin-for-TinyMCE.htm) هست که اینو من تازه دیدم ، من برای درج کد code pre از پلاگین pre در tinymce استفاده میکنم به این صورت که بعد از درج کد توسط پلاگین pre در صفحه که سمت کاربر نمایش داده میشه توسط css برای select تگ pre استایل مناسبی می دادم که کد ها به صورت زیر هم نمایش داده شه.
برای مثال تو این صفحه (http://pars-click.com/ArticleDetail.aspx?id=43) همین کار رو انجام دادم . تو ارشیوم خیلی گشتم پیدا نکردم تا براتون قرار بدم اسم پلاگین pre هست ، اگه پیدا کردین که هیچ اگه نه من اگه پیدا کنم براتون قرار میدم.
موفق باشید.
bftarane
یک شنبه 12 آذر 1391, 15:17 عصر
يه فايل ضميمه کردم.
نتونستم خود tiny رو آپلود کنم انگار حجمش زياد بود ولي پوشه css اش رو آپلود کردم.
ممنون.
با texterea هم نتونستم کاري از پيش ببرم.
pary_daryayi
یک شنبه 12 آذر 1391, 15:49 عصر
تو ارشیوم خیلی گشتم پیدا نکردم تا براتون قرار بدم اسم پلاگین pre هست ، اگه پیدا کردین که هیچ اگه نه من اگه پیدا کنم براتون قرار میدم.

اگه بزارید و نحوه ی استفادش رو بگید که خیلی ممنون میشم.:لبخندساده:
bftarane
دوشنبه 13 آذر 1391, 08:37 صبح
سلام بچه ها. يه مسئله اي رو متوجه شدم. وقتي اين طوري مي نويسم عرض تغيير ميکنه
theme_advanced_buttons1: "italic,underline,separator,justifyleft,justifycent er,justifyright,separator,formatselect,separator,b ullist,numlist,link,unlink",
theme_advanced_buttons2: "",
theme_advanced_buttons3: "",
برم ببينم اگه بشه باتن ها رو در رديف هاي بيشتري بزارم و در هر رديف تعدادشون رو کم کنم شايد درست بشه.
bftarane
دوشنبه 13 آذر 1391, 09:14 صبح
بچه ها رفتم تعداد سطرهاي باتن ها رو تغيير دادم به شکل زير
95939
و به اين نتيجه رسيدم که عرض از عرض طويل ترين رديف باتن کم تر نميشه ولي وقتي عرض رو بيشتر ميدم بيشتر ميشه. (البته حالا که اينو فهميدم به نظر بديهي مياد) ولي به هر حال من از اين راه حل اصلاً خوشم نيومد. حالا چه کار مي شه کرد که ظاهر بهتري داشته باشه اين طوري خيلي بدشکله.
البته من در صفحات مديريتي با اين قضيه مشکل نداشتم چون دو ستونه هست ولي وقتي در صفحه پرسش و پاسخ امتحان کردم ديدم اين قضيه عرض مشکل زاست چون سه ستونه بود صفحه ام شايد برم صفحاتي که اين اديتور توشون هست رو دو ستونه يا يه ستونه کنم.
کاش راه بهتري بود.