1月 06

TinyMce手记2

开发日志, 网络技术 Add comments

利用TinyMce可以便捷地调制出自己想要的在线富文本编辑器的格式与功能，下面放出的是道歉网的两种代码，用于发表新话题和回复。

发表新话题：

<!— tinyMCE —>
<script language=”javascript” type=”text/javascript” src=”../jscripts/tiny_mce.js”></script>
<script language=”javascript” type=”text/javascript”>
 tinyMCE.init({
  theme : “advanced”,
  mode : “textareas”,
  language :”zh_cn”,
  content_css : “../style/advanced.css”,
  extended_valid_elements : “a[href|target|name]”,
  plugins : “table”,
  <!— 此处用判断用户是否登录来显示不同的功能 —>
  theme_advanced_buttons1 : “bold,italic,underline,strikethrough, separator, justifyleft,justifycenter,justifyright,<cfif IsDefined(“client.userName”) or IsDefined(“Session.MM_userName”)>separator, fontsizeselect,forecolor,backcolor,separator,link,unlink,hr,image,flash,charmap</cfif>”,
  theme_advanced_buttons2 : “”,
  theme_advanced_buttons3 : “”,
  theme_advanced_toolbar_location : “top”,
  theme_advanced_toolbar_align : “left”,
  relative_urls : false,
  //invalid_elements : “a”,
  theme_advanced_styles : “Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1”, // Theme specific setting CSS classes
  //execcommand_callback : “myCustomExecCommandHandler”,
  debug : false
 });
</script>
<!— /tinyMCE —>

 

发表回复：

<!— tinyMCE —>
<script language=”javascript” type=”text/javascript” src=”../jscripts/tiny_mce.js”></script>
<script language=”javascript” type=”text/javascript”>
 tinyMCE.init({
  theme : “advanced”,
  mode : “textareas”,
  language :”zh_cn”,
  content_css : “../style/advanced.css”,
  extended_valid_elements : “a[href|target|name]”,
  plugins : “table”,
  theme_advanced_buttons1 : “bold,italic,underline,separator, justifyleft,justifycenter,justifyright,separator, fontsizeselect,forecolor”,
  theme_advanced_buttons2 : “”,
  theme_advanced_buttons3 : “”,
  theme_advanced_toolbar_location : “top”,
  theme_advanced_toolbar_align : “left”,
  relative_urls : false,
  //invalid_elements : “a”,
  theme_advanced_styles : “Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1”, // Theme specific setting CSS classes
  //execcommand_callback : “myCustomExecCommandHandler”,
  debug : false
 });
</script>
<!— /tinyMCE —>

 

Comments are closed.