下面就是我开发的过程。
首先,我的 tinymce版本是 version: 3.2.7 (2009-09-22) 。
下载地址
tinymce插入代码,需要调用 tinymce的 tinymce.execcommand('mceinsertcontent',false,value); 方法。其中参数无需改变,value 就是你要插入的内容,
比如我写了一个函数,
后面,针对该例子,提供下载。在例子中。一共涉及到三个文件。
tinymce.html insertcode.php save.php 这三个文件。
tinymce.html 是tinymce文本框页面。
主要代码如下:
其中js代码是初始化 tinymce。下载的例子中,并未包含 tinymce,你需要自己下载。然后 更改js代码的 src 即可。
上面这段代码,是用来打开insertcode.php文件的。
接下来,我们来看下 insertcode。php 这个文件的代码。
首先是 js 代码
其次是 php 和 html 代码
在insertcode.php中,insertcode() 函数用来调用 tinymce.html页面的 inserthtml()函数,并将代码插入到 tinymce.html 页面中。
代码中,我们为什么要 '+value+' 呢?
因为我们在显示页面,将会采用 syntaxhighlighter 插件来高亮显示代码。
还有一点要说明,在这里,$content = htmlspecialchars($content); 我们对于代码本身,进行了 htmlspecialchars 转义操作。这样,插入数据库的代码则会是安全的。
ok,我们再来看 save.php,该页面用来显示 提交的内容。
主要代码如下:
ok,完了。
^_^ ~~~
tinymce 插件开发之插代码高亮 v1.0 (支持html,php,sql,js)
发表评论