在N年前,我写了一片教程:,这篇教程目前的点击率已经快接近9000了,算是笔者博客最火的一篇文章了,
WordPress投稿功能添加富文本编辑器教程
。这篇教程从发布到现在,不知道改过多少遍了,也不断收到读者各方面的需求,我也在留言中给他们一一回复了,所以文章中找不到你想要的东西,可以看看留言。鉴于留言中我已经给很多读者指导怎么修改代码,如果现在再去修改文章中的代码,势必会导致代码所在行数的变化,等于毁了我之前给读者的所有回复。最近一段时间,我将再写几篇文章,告诉你怎么增强这个投稿功能。今天要讲的是如何给这个投稿功能添加一个富文本编辑器(也包括了图片上传功能),原来的代码只能实现一个简单的纯文本输入框,对于投稿者的输入体验不太好。
一、下载KindEditor
这里我们将使用KindEditor来作为我们的编辑器,。下载后解压,将文件夹重命名为kindeditor,放到你当前主题文件夹下。
二、修改HTML页面
打开WordPress添加投稿功能,下面我们将对这篇文章中的代码进行修改。
将代码一中第41行的改成:
三、php代码小修改
代码二第37行代码改成:
$content = isset( $_POST['tougao_content'] ) ? trim($_POST['tougao_content']) : '';
$content = str_ireplace('?>', '?>', $content);
$content = str_ireplace('', '<?', $content);
$content = str_ireplace('
将编辑器初始化代码那部分代码替换第三步中的编辑器初始化代码,然后将 'textarea[name="content"]' ,改成 '#tougao_content'即可,
电脑资料
《WordPress投稿功能添加富文本编辑器教程》(http://meiwen.anslib.com)。好了,添加个编辑器就是这么简单。如果你会编程,或者懂看文档,动手能力强,可以看看KindEditor的文档,自己动手玩玩。