WYSIWYG网站编辑器,内置语法高亮显示

时间:2011-05-27 06:30:49

标签: syntax-highlighting wysiwyg

我正在为论坛网站寻找所见即所得的编辑器。其中包含内置语法高亮显示,如www.stackoverflow.comwww.asp.net

这样我就可以将[由用户输入]的全文保存到数据库中,并可以在页面上使用语法高亮显示。

请帮忙。

不要误解我的意思,但我已经在google和Stackoverflow上搜索了这个,但我无法得到所需的答案。

如果它是开源的,我将不胜感激。 : - )

1 个答案:

答案 0 :(得分:2)

我喜欢并使用tinymce编辑器,它的示例代码类似于以下内容。

<script src="/javascripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">

tinyMCE.init({

      mode : "textareas",
      theme : "advanced",
      plugins : "safari",
      convert_urls : false,
      width : "560",
      height : "15",
      // 'code' in 'theme_advanced_buttons1' is used for the HTML content
      theme_advanced_buttons1 : "fontselect,fontsizeselect, separator, bold,italic,underline,separator,forecolor,backcolor,code, justifyleft,justifycenter,justifyright,justifyfull",

      theme_advanced_buttons2 : "",

      theme_advanced_buttons3 : "",

      theme_advanced_toolbar_location : "top",

      theme_advanced_toolbar_align : "left", extended_valid_elements : "a[name|href|target|title|onclick],img[class|src| border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name], hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]" });

</script>

<textarea cols="40" id="template_content" name="template[content]" rows="20"></textarea>