PDA

View Full Version : آموزش ساخت یا کار با ادیتور



Punisher_php
جمعه 22 شهریور 1392, 13:01 عصر
سلام
من می خوام تو یه صفحه کاربر مانند ادیتور همینجا متن وارد کنه ، عکس بزاره و فایل پیوست کنه
من من بتونم تو صفحه خاصی اینا رو نشون بدم
مثلا وبلاگ یا پست گذاشتن همینجا
من ادیتور tinymce یه نگاهی کردم و یکم باهاش ور رفتم ولی چیزی سر در نیاوردم
اینم بگم اکثر پست های انجمن دیدم ولی چیزی سر در نیاوردم
دوستان ممنون می شم کمک کنید

milad_d993
جمعه 22 شهریور 1392, 14:29 عصر
سلام
از CKeditor استفاده کن...

Punisher_php
جمعه 22 شهریور 1392, 14:52 عصر
دوست عزیز ممنون از راهنماییت
ولی اگه آموزش کامل فارسی و لینک دانلود اون لطف کنید بیشتر ممنون می شم
دوستان لطفا کمک کنید نیاز فوری دارم

parsboy
جمعه 22 شهریور 1392, 18:34 عصر
دوست عزیز ممنون از راهنماییت
ولی اگه آموزش کامل فارسی و لینک دانلود اون لطف کنید بیشتر ممنون می شم
دوستان لطفا کمک کنید نیاز فوری دارم
باسلام
چیزخاصی نداره از Documentation خودسایت استفاده کنید
http://docs.ckeditor.com/#!/guide/dev_installation
موفق باشید.

AliRezaPro
جمعه 22 شهریور 1392, 18:36 عصر
از این قسمت دانلود کنید :

http://www.tinymce.com/download/download.php

<script language="javascript" type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
theme : "modern",
mode: "exact",
elements : "elm1",
theme_advanced_toolbar_location : "top",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
+ "justifyleft,justifycenter,justifyright,justifyfull ,formatselect,"
+ "bullist,numlist,outdent,indent",
theme_advanced_buttons2 : "link,unlink,anchor,image,separator,"
+"undo,redo,cleanup,code,separator,sub,sup,charmap",
theme_advanced_buttons3 : "",
height:"350px",
width:"800px"
});

</script>
به آدرس دهی ها دقت کنید


$allowedTags='<p><strong><em><u><h1><h2><h3><h4><h5><h6><img>';
$allowedTags.='<li><ol><ul><span><div><br><ins><del>';
// Should use some proper HTML filtering here.
if(isset($_POST['elm1'])!='') {
$sHeader = '<h1>Ah, content is king.</h1>';
$sContent = strip_tags(stripslashes($_POST['elm1']),$allowedTags);
}

<form method="post" action="<?=$_SERVER['REQUEST_URI']?>">
<textarea id="elm1" name="elm1" rows="15" cols="80"></textarea>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</form>

Punisher_php
جمعه 22 شهریور 1392, 22:02 عصر
از این قسمت دانلود کنید :

http://www.tinymce.com/download/download.php

<script language="javascript" type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
theme : "modern",
mode: "exact",
elements : "elm1",
theme_advanced_toolbar_location : "top",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
+ "justifyleft,justifycenter,justifyright,justifyfull ,formatselect,"
+ "bullist,numlist,outdent,indent",
theme_advanced_buttons2 : "link,unlink,anchor,image,separator,"
+"undo,redo,cleanup,code,separator,sub,sup,charmap",
theme_advanced_buttons3 : "",
height:"350px",
width:"800px"
});

</script>
به آدرس دهی ها دقت کنید


$allowedTags='<p><strong><em><u><h1><h2><h3><h4><h5><h6><img>';
$allowedTags.='<li><ol><ul><span><div><br><ins><del>';
// Should use some proper HTML filtering here.
if(isset($_POST['elm1'])!='') {
$sHeader = '<h1>Ah, content is king.</h1>';
$sContent = strip_tags(stripslashes($_POST['elm1']),$allowedTags);
}

<form method="post" action="<?=$_SERVER['REQUEST_URI']?>">
<textarea id="elm1" name="elm1" rows="15" cols="80"></textarea>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</form>
ممنون دوست عزیز
می شه بگی چه شکلی بتونم عکس اظافه کنم (بتونم مستقیم آپلود کنم) یا فایلی را برای پیوست بزارم؟
در ضمن شمارشگر ها اعداد و li هم چپ چین است به چه صورت راست چین کنم؟

AliRezaPro
جمعه 22 شهریور 1392, 23:07 عصر
برای آپلود ببینید :

http://justboil.me/

اصلاح کنید :

<script language="javascript" type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker",
"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
"table contextmenu directionality emoticons template textcolor paste fullpage textcolor"
],

toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | inserttime preview | forecolor backcolor",
toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft",

menubar: false,
toolbar_items_size: 'small',

style_formats: [
{title: 'Bold text', inline: 'b'},
{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
{title: 'Example 1', inline: 'span', classes: 'example1'},
{title: 'Example 2', inline: 'span', classes: 'example2'},
{title: 'Table styles'},
{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
],

templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});


</script>

Punisher_php
شنبه 23 شهریور 1392, 10:42 صبح
برای آپلود ببینید :

http://justboil.me/


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

رضا قربانی
شنبه 23 شهریور 1392, 12:26 عصر
http://barnamenevis.org/showthread.php?304055-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-editor&p=1334007&viewfull=1#post1334007