2

我一直在寻找它,但没有找到任何东西......

(我只想要一些编辑器 - 我知道这很难完成 - 就像我现在使用的那样,我可以在我的博客中分享我的代码)(我自己的 CMS)

所以,

我想有些人以前经历过这个,我可以使用 tinyMce 嵌入代码吗?

有什么结论吗?

多谢

PD:我看到stackoverflow 使用了WMD的fork,它不在网上,但在github 中,有人有使用示例吗?(那里只有 .js 文件)

PD2:再次感谢!

编辑

好吧,经过一些回复后,漂亮打印 ->在这里

至尊只需要加载到 $(document).ready() 并且会美化(大声笑)其中的任何一个:

<pre class="prettyprint"> code here  </pre>

所以我试图将这种格式添加到tinimce:

style_formats : [
                {title : 'Bold text', inline : 'b'},
                {title : 'Blue text', inline : 'span', styles : {color : '#006'}},
                {title : 'Blue header', block : 'h1', styles : {color : '#006'}},
          -->   {title : 'Codigo fuente', inline : 'pre', classes : 'prettyprint'},    
                {title : 'Example 2', inline : 'span', classes : 'example2'},
                {title : 'Table styles'},
                {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
        ],

但是,如果我使用它会变成<p>$_POST 上的一个,为什么?

编辑二

这个有效:{title : 'Codigo fuente', block : 'pre', classes : 'prettyprint'},

问题是我得到

<pre ..>line 1</pre>
<pre ..>line 2</pre> 

..

我想申请:

<pre..>
line1 
line2
</pre>

我该如何解决这个问题?如果我改变blockinline,只是它甚至没有应用的样式:?

格拉西亚斯!

4

2 回答 2

1

编辑:很抱歉放置不当,这里还是有点新。据我所知,您可以将代码直接传递到tinymce,它不会解释它。当它存储它时,它应该添加所有必要的转义,因此当它显示在您的博客上或任何看起来像代码的地方时。它不会做的事情是它会自动以一种易于阅读的方式对其进行格式化并添加颜色等。我想必须有一个插件或其他替代方案...... bbiam:P

EDIT2:这-> http://www.maclovin.de/syntaxhl-editor/似乎是一个不错的选择。

下载-> https://github.com/RichGuk/syntaxhl

EDIT3:这也可能很好-> http://code.google.com/p/google-code-prettify/ 使代码变得漂亮漂亮,因此得名。

ORIGINAL:我有点困惑,你希望你放入微型 MCE 的代码是活动代码还是你希望它是代码示例?

<A href="www.google.com">google</a>

http://www.google.com

于 2011-03-31T14:24:55.003 回答
1

也许,您可以使用这个:SyntaxHighlighter或其他一些语法荧光笔...

并使用tinymce 的论坛/网站,因为您的问题与tinymce 有关。阅读手册。寻找插件和它们的实现。

提示:首先在开发者的资源中搜索或使用谷歌... 谷歌结果

于 2011-03-31T15:04:21.947 回答