تنظیمات tinymce بر روی سرور

raha_86

Member
سلام دوستان
من tinymce را روی localhost اجرا کردم وeditor را درست نمایش می دهد، ولی هنگامیکه همه فایلها را روی سرور قرار دادم ، editor را اصلا نمایش نمی دهد فقط یک textbox ساده نمایش میدهد همه آدرس دهی ها را نیز چندین مرتبه چک کردم همگی درست بودند، خواهشا مرا راهنمایی کنید که مشکل از کجاست.آیا نیاز به تنظیمات خاصی روی سرور هست؟ در ضمن سرور من windows است.
راستی روی localhost هم که اجرا میکنم رنگ فونت ها را اشتباه نمایش می دهد مثلا قرمز را بعد از اجرا (نه همان موقع)سبز نشان می دهد. آیا این مشکل مربوط به tinymce است؟
من سرچ هم کردم ولی نتیجه ای نداشت.:sad:
 

raha_86

Member
سلام ، من کدهای زیر را داخل head قرار می دهم، کل پوشه tinymce را هم روی سرور قرار میدهم، روی local جواب میده ولی روی سرور نه، تازه روی local هم رنگ متنها را اشتباه نمایش می ده.


<!-- TinyMCE -->
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,advhr,advimage,advlink,emotions,preview,zoom,searchreplace,contextmenu,paste,directionality,fullscreen",

theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,preview,zoom,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "advhr,separator,separator,ltr,rtl,separator,fullscreen",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
content_css : "example_word.css",

external_link_list_url : "example_link_list.js",
external_image_list_url : "example_image_list.js",
file_browser_callback : "fileBrowserCallBack",
paste_use_dialog : false,
theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,
theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
paste_auto_cleanup_on_paste : true,
paste_convert_headers_to_strong : false,
paste_strip_class_attributes : "all",
paste_remove_spans : false,
paste_remove_styles : false
});

function fileBrowserCallBack(field_name, url, type, win) {
// This is where you insert your custom filebrowser logic
alert("Filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);

// Insert new URL, this would normaly be done in a popup
win.document.forms[0].elements[field_name].value = "someurl.htm";
}
</script>
<!-- /TinyMCE -->
 

hidensoft

Member
فقط در دو حالت TinyMCE شما روی صفحه نمایش داده نمی شه :
1-آدرس فایل tiny_mce.js رو صحیح وارد نکنید . 2- آی دی textarea رو غلط بدید.

با توجه به کد شما گذینه دوم حذف می شه . مطمئنا مشکل در مورد اول هست .
در مورد رنگ فونت و مشکلات کلی TinyMCE هم می تونید از پروژه Persian TinyMCE استفاده کنید که تمام مشکلات اون رو با زبان فارسی حل کرده و با Direction هم هیچ مشکلی نداره . به علاوه آموزش نصب اون رو هم بطور کامل همراه با فایل نمونه گذاشتم .

حجم بالای TinyMCE معمولا دردسر ساز می شه (چیزی حدود 300 KB ) . برای پایین آوردن حجم TinyMCE هم می تونید از Compressor استفاده کنید که آموزش اون رو بصورت تصویری هست .
صفحه اصلی پروژه :
http://persiantinymce.osp.ir
برای دانلود فایل به قسمت Released Files و برای دانلود آموزش به قسمت Doc Manager بروید.
با تشکر
 

Webber

Well-Known Member
سلام
من هم با hidensoft در مورد اول موافقم.شما مسیر فایل رو چک کنید.
ولی اشکال در نمایش رنگ ها فکر کنم در استفاده از CSS باشه.یعنی شما جایی که متن رو نمایش می دید،با CSS سبک دهی شده.
موفق باشید
 

raha_86

Member
سلام دوستان
ممنونم از راهنماییتون
الان فایلها رو دانلود می کنم و دوباره تست میکنم.
 

raha_86

Member
سلام دوستان
من قبلا هم همین فایل full.zip را از همین صفحه معرفی شده گرفته بو دم و باز هم تست کردم اولا: باز هم رنگ قرمز را سبز نمایش می دهد(البته در صفحه بعدی) و همچنین اندازه فونتها در textarea با نمایش در صفحه بعدی تفاوت می کند. اگه ممکنه hidensoftجان، لطف کن یکبار خودت تست کن.

در مورد compressor ، من دانلودش کردم فقط 2 فایل وجود دارد من فقط همین دو فایل را باید روی سرور بریزم ! روی locall محلی اینطوری جواب نداد (که برطبق help خودش هم عمل کردم) و حتما بایستی کل پوشه (حدود 1 مگ )را قرار می دادم.

لطف کنید در این مورد هم یه توضیحی بدید که من کدوم فایلها را حتما باید روی سرور قرار بدم"چون هنوز مشکل روی سرور وجود دارد."
خیلی ممنونم
 
آخرین ویرایش:

hidensoft

Member
سلام دوست عزیز .
بخاطر دیر جواب دادن از شما معذرت می خوام .. چند وقته درگیر انتخاب واحد و سایر کاغذ بازی های دانشگاه بودم . نتونستم سر بزنم .

در مورد تغییر رنگ اشتباه شما اولین نفری هستی که همچین چیزی رو گذارش می کنی . من تمام رنگ هارو تست کردم و هیچ کدوم مشکلی نداشتن.

در مورد آموزش هم باید بگم حرف شما درسته و من این مطلب رو جا انداختم که شما باید اون دوتا فایل رو در کنار فایل tiny_mce.js بگذارید.
شما هم اون دوتا فایل رو کنار فایل tiny_mce.js در پوشه tiny_mce قرار بدهید و ساید موارد آموزش رو رعایت کنید.
تمام فایل هایی که در پوشه tiny_mce هستند باید روی سرور وجود داشته باشند .

موفق باشید
 

hidensoft

Member
سلام .. من فایل اتچ شما رو نمی بینم ! فکر کنم یادت رفت !
fileBrowserCallBack Could not be found
شما توی کد جاوا اسکریپت fileBrowserCallBack معرفی کردید ، ولی TinyMCE نتونسته اون فانکشن رو پیدا کنه .
 

raha_86

Member
سلام
خواهش میکنم hidensoft عزیز:
اولا": از توضیحات مفیدت متشکرم:)

دوما": در مورد اشتباه رنگ و سایز فونت من ازت خواهش میکنم دو فایلی که اتچ کردم رو بگیر و متنی تایپ و رنگ آن را قرمز و اندازه فونت آن را 7(36pt) انتخاب کن و سپس بر روی دکمه "save" کلیک کن در صفحه ای که باز می شود (editor2.php) و متن را نمایش می دهد رنگ فونت سبز و سایز آن خیلی کوچک است.( منظورم اینه که هنگام echo اشتباه نمایش می دهد. )
(تقریبا برای همه رنگها به جز آبی و سبز این اتفاق می افتد!!)

سوما": برای وارد کردن عکس داخل صفحه وقتی بر روی دکمه "insert image" کلیک و بر روی دکمه "Browse" کلیک میکنیم پنجره ای باز نمی شود و پیغام زیر داده می شود:
"fileBrowserCallBack Could not be found "
برای رفع این مشکل باید چکار کنم؟

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

پیوست ها

  • editor.rar
    1.6 کیلوبایت · بازدیدها: 4

raha_86

Member
سلام .. من فایل اتچ شما رو نمی بینم ! فکر کنم یادت رفت !

شما توی کد جاوا اسکریپت fileBrowserCallBack معرفی کردید ، ولی TinyMCE نتونسته اون فانکشن رو پیدا کنه .

سلام ، فایل اتچ رو گذاشتم،خواهش میکنم ببینش

اگه میشه یه توضیحی بدید که برای اینکه TinyMCE بتونه "fileBrowserCallBack" رو پیدا کنه باید چیکار کنم؟

راستی یه سوال هم در مورد compressor داشتم: میخواستم بدونم آیا از compressor به این دلیل استفاده میکنیم که صفحه سریعتر load شود؟ چون روی سرور که آخرش باید کل پوشه رو قرار بدیم.

باز هم خیلی ممنون:)
 

hidensoft

Member
فایل Compressor ، میاد از TinyMCE یه GZIP می سازه ، به جایه 300 کیلو بایت ، چیزی حدود 80 تا 120 کیلو بایت لود میشه .
 

hidensoft

Member
:eek:
متوجه شدم . تا حالا همچین مشکلی ندیده بودم . صبر کنید تا روش کار کنم.
 

hidensoft

Member
این موضوع یکم غیر قابل باور بود ، تغییر رنگ !
من از چند روش مختلف برنامه رو باز بینی کردم ، قبلا هم یکی از دوستان گفته بود که TinyMCE جلوی هر دابل کوتیشن یک اسلش میگذاره ، اما من فکر می کردم وقتی با PHP میایم echo می گیریم ، خود به خود درست می شه ، تا حالا هم همینجوری بود . اما حالا این کد :
HTML:
\"ff0000\"
به این تبدیل می شد :
HTML:
\"00f000\"
که برای حل این مشکل باید از تابع stripcslashes استفاده کنید. من فایل رو دوباره attach کردم ، از این استفاده کنید.
 

پیوست ها

  • TinyMCE-Editor-Fixed-Bug.zip
    1.1 کیلوبایت · بازدیدها: 9
آخرین ویرایش:

raha_86

Member
سلام و خسته نباشین

خیلی ممنونم، درست شد. تابع ()stripcslashes چیکار می کنه؟اسلش ها رو برمیداره؟

راستی مشکل زیر رو که قبلا هم گفته بودم، فراموش کردین:

برای وارد کردن عکس داخل صفحه وقتی بر روی دکمه "insert image" کلیک و بر روی دکمه "Browse" کلیک میکنیم پنجره ای باز نمی شود و پیغام زیر داده می شود:
"fileBrowserCallBack Could not be found "


اگه ممکنه لطف کنین اینو هم توضیح بدین.
 
آخرین ویرایش:

hidensoft

Member
من این کلید Brows رو توی Insert/Edit Image پیدا نکردم !
در هر صورت شما نمی تونید بصورت مستقیم چیزی رو با TinyMCE آپلود کنید . باید یا از پلاگینش استفاده کنید یا خودتون یه سیستم آپلودر جداگانه واسش بنویسید.

قبل از پرسیدن سوال در مورد توابع PHP ابتدا یه سری به سایتش بزنید یه سرچی بکنید ، اگه جوابتون رو نگرفتید بپرسید ( مطمئنا خیلی زود تر به نتیجه می رسید)
بله تابع stripcslashes اسلش ها رو بر میداره .
موفق باشید.
 

raha_86

Member
سلام دوستان
ببخشید، من این چند روز باز هم برای استفاده از tinymce دچار مشکل شدم و آن اینکه بعضی از مواقع به خوبی اجرا می شه ولی اکثر مواقع پیام زیر در پایین پنجره Internet Explorer نوشته می شه و سپس ، یک textarea ساده باز میکنه :
done, but with errors
من حدس می زدم به خاطر آنتی ویروس باشه ولی با disable کردن آن، باز هم یک textarea ساده باز میکنه و با remove کردن آن نیز مشکل حل نشد.

من خیلی بررسی کردم ولی نتونستم این مشکل رو برطرف کنم
لطف کنین بگین اشکال از کجاست. :sad:
 

hidensoft

Member
Raha_86 شما به یک سری مشکلاتی بر می خورید که تاحالا کمتر کسی باهاش برخورد کرده .
لطفا کدتون رو بگذارید اینجا.
 

raha_86

Member
سلام ،کدهام به صورت زیرن ،همونایی هسنتد که دفعه قبلی بالا گذاشتم. مثلا دیروز بعدازظهر خوب نمایش داد ولی امروز صبح ، یه text box ساده نمایش داد هرچقدر رفرش کردم هم فایده ای نداشت.


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- tinyMCE -->
<script type="text/javascript" src="tiny_mce/tiny_mce_gzip.js"></script>
<script type="text/javascript">
tinyMCE_GZ.init({
plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
themes : 'simple,advanced',
languages : 'fa',
disk_cache : true,
debug : false
});
</script>
<!-- Needs to be seperate script tags! -->

<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
language : "fa",
theme : "advanced",
plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen",
theme_advanced_buttons1_add_before : "save,newdocument,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
content_css : "example_word.css",
plugi2n_insertdate_dateFormat : "%Y-%m-%d",
plugi2n_insertdate_timeFormat : "%H:%M:%S",
external_link_list_url : "example_link_list.js",
external_image_list_url : "example_image_list.js",
media_external_list_url : "example_media_list.js",
file_browser_callback : "fileBrowserCallBack",
paste_use_dialog : false,
theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,
theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
paste_auto_cleanup_on_paste : true,
paste_convert_headers_to_strong : false,
paste_strip_class_attributes : "all",
paste_remove_spans : false,
paste_remove_styles : false
});

// Custom event handler
function myCustomExecCommandHandler(editor_id, elm, command, user_interface, value) {
var linkElm, imageElm, inst;
switch (command) {
case "mceLink":
inst = tinyMCE.getInstanceById(editor_id);
linkElm = tinyMCE.getParentElement(inst.selection.getFocusElement(), "a");
if (linkElm)
alert("Link dialog has been overriden. Found link href: " + tinyMCE.getAttrib(linkElm, "href"));
else
alert("Link dialog has been overriden.");
return true;
case "mceImage":
inst = tinyMCE.getInstanceById(editor_id);
imageElm = tinyMCE.getParentElement(inst.selection.getFocusElement(), "img");
if (imageElm)
alert("Image dialog has been overriden. Found image src: " + tinyMCE.getAttrib(imageElm, "src"));
else
alert("Image dialog has been overriden.");
return true;
}
return false; // Pass to next handler in chain
}
// Custom save callback, gets called when the contents is to be submitted
function customSave(id, content) {
alert(id + "=" + content);
}
</script>
<!-- /tinyMCE -->

<title>Editor</title>


</head>
<body>

<form method="post" action="editor2.php">
<textarea name="content" cols="50" rows="15">This is some content that will be editable with TinyMCE.</textarea>
<input type="submit" value="Save" />
</form>

</body>
</html>

با تشکر
 

جدیدترین ارسال ها

بالا