您现在的位置是：网站首页> 编程资料编程资料

tinyMCE插件开发之插入html,php,sql,js代码并代码高亮显示_网页播放器_

2023-05-27 109人已围观

简介 tinyMCE插件开发之插入html,php,sql,js代码并代码高亮显示_网页播放器_

下面就是我开发的过程。
首先，我的 tinyMCE版本是 Version: 3.2.7 (2009-09-22) 。
下载地址 https://www.jb51.net/codes/17198.html
tinyMCE插入代码，需要调用 tinyMCE的 tinyMCE.execCommand('mceInsertContent',false,value); 方法。其中参数无需改变，value 就是你要插入的内容，
比如我写了一个函数，

复制代码代码如下:

 
function InsertHTML(value) 
{ 
tinyMCE.execCommand('mceInsertContent',false,value); 
} 

后面，针对该例子，提供下载。在例子中。一共涉及到三个文件。
tinyMCE.html insertcode.php save.php 这三个文件。
tinyMCE.html 是tinyMCE文本框页面。
主要代码如下：

复制代码代码如下:

其中js代码是初始化 tinyMCE。下载的例子中，并未包含 tinyMCE，你需要自己下载。然后更改js代码的 src 即可。

复制代码代码如下:

上面这段代码，是用来打开insertcode.php文件的。
接下来，我们来看下 insertcode。php 这个文件的代码。
首先是 js 代码

复制代码代码如下:

其次是 PHP 和 html 代码

复制代码代码如下:

error_reporting(0);
$content = $_POST['content'];
if(!empty($content))
{
$codetype = $_POST['codetype'];
echo '

';
    $content = htmlspecialchars($content);
    echo $content;
    echo '

';
}else
{
?>

}
?>

在insertcode.php中，insertcode() 函数用来调用 tinyMCE.html页面的 insertHTMl()函数，并将代码插入到 tinyMCE.html 页面中。
代码中，我们为什么要 '+value+' 呢？
因为我们在显示页面，将会采用 SyntaxHighlighter 插件来高亮显示代码。
还有一点要说明，在这里，$content = htmlspecialchars($content); 我们对于代码本身，进行了 htmlspecialchars 转义操作。这样，插入数据库的代码则会是安全的。
OK,我们再来看 save.php,该页面用来显示提交的内容。
主要代码如下：

复制代码代码如下:

 
$Article_Content = $_POST['Article_Content']; 
function transcode($str) 
{ 
if(empty($str)) 
{ 
return false; 
} 
$str = str_replace('"','"',$str); 
$str = str_replace('','',$str); 
$str = str_ireplace('
',"n",$str); 
$str = str_ireplace('return $str; 
} 
echo transcode($Article_Content); 
?>