از آدرس زیر فایل tinymce_3_3_4.zip رو دانلود کنید
http://tinymce.moxiecode.com/download.php
بعد از باز کردن این فایل شما باید فولدر زیر رو در فولدر وب سایت کپی کنید
jscripts
در فولدر jscripts فولدری با نام tiny_mce قرار داره. برای کار با این ادیتور فایل tiny_mce.js (در پوشه tiny_mce) باید به صفحه لینک بشه.
یه نمونه کد:
<%@ Page Language="C#" %>
<!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="js/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
theme : "advanced",
skin : "o2k7",
skin_variant : "black",
plugins: "pagebreak,style,layer,table,save,advhr,advimage,ad vlink,emotions,iespell,inlinepopups,insertdatetime ,preview,media,searchreplace,print,contextmenu,pas te,directionality,fullscreen,noneditable,visualcha rs,nonbreaking,xhtmlxtras,template,wordcount,advli st,autosave",
// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,styleselect,formatselect,fontselect,fontsi zeselect",
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,|,cite,abbr,acronym,del,ins,attribs,|,vis ualchars,nonbreaking,template,pagebreak,restoredra ft",
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/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url: "lists/template_list.js",
external_link_list_url: "lists/link_list.js",
external_image_list_url: "lists/image_list.js",
media_external_list_url: "lists/media_list.js",
// Style formats
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' }
],
// Replace values for the template plugin
template_replace_values: {
username: "Some User",
staffid: "991234"
}
});
function show() {
var div = document.getElementById('div');
var mce = tinyMCE.get('elm1');
div.innerHTML = mce.getContent();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
</textarea>
</div>
<input id="Button1" type="button" value="button" onclick="show();"/>
<div id="div">
</div>
</form>
</body>
</html>
در کد بالا فولدر tiny_mce در فولدر js کپی شده. با دستور tinyMCE.init المان textarea به شکل ادیتور در میاد.
سلام من کد های بالا رو کپی کردم و همه کارهایی که فرمودید رو انجام دادم اما هنگام اجرا ادیتور دیده نمی شود بلکه یک تکست باکس با یک دکمه دیده میشود. میشه راهنمایی بکنید