资源描述:
《wordpress投稿功能添加富文本编辑器教程》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解WordPress投稿功能添加富文本编辑器教程 在N年前,我写了一片教程:WordPress非插件实现前台投稿功能,这篇教程目前的点击率已经快接近9000了,算是笔者博客最火的一篇文章了。这篇教程从发布到现在,不知道改过多少遍了,也不断收到读者各方面的需求,我也在留言中给他们一一回复了,所以文章中找不到你想要的东西,可以看看留言。 鉴于留言中我已经给很多读者指导怎么修改代码,如果现在再去修改文章中的代码,势必会导致代码
2、所在行数的变化,等于毁了我之前给读者的所有回复。最近一段时间,我将再写几篇文章,告诉你怎么增强这个投稿功能。今天要讲的是如何给这个投稿功能添加一个富文本编辑器(也包括了图片上传功能),原来的代码只能实现一个简单的纯文本输入框,对于投稿者的输入体验不太好。 一、下载KindEditor 这里我们将使用KindEditor来作为我们的编辑器,点此下载KindEditor。下载后解压,将文件夹重命名为kindeditor,放到你当前主题文件夹下。 二、修改HTML页面 打开WordPress添加投稿功能,下面我们将对这篇文章中的代码进行修改。对党的认识也有了
3、进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 将代码一中第41行的改成: /kindeditor/kindeditor-min.js"> /kindeditor/lang/zh_CN.js"> /*编辑器初始化代码start*/ vareditor; KindEditor.ready(function(K){ editor=K.crea
4、te('#tougao_content',{ resizeType:1, allowPreviewEmoticons:false, allowImageUpload:true,/*开启图片上传功能,不需要就将true改成false*/ items:[ 'fontname','fontsize','
5、','forecolor','hilitecolor','bold','italic','underline', 'removeformat','
6、','justifyleft','justifycenter','justifyright','inser
7、torderedlist', 'insertunorderedlist','
8、','emoticons','image','link'] }); });对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 /*编辑器初始化代码end*/ 三、php代码小修改 代码二第37行代码改成: $content=isset($_POST['t
9、ougao_content'])?trim($_POST['tougao_content']):''; $content=str_ireplace('?>','?>',$content); $content=str_ireplace(' $content=str_ireplace(' $content=str_ireplace(' 四、自定义编辑器功能 经过以上三步的修改,目前你的编辑器就可以正常使用了。但是对不同人来说,他们的需求可能不太一样,有人可能会觉得上面的编辑器太过简单。那么怎样自定义编辑器的功能呢?这里我就不讲编程了,简单点就找编
10、辑器自带的样例来说就行了。 我们下载的kindeditor目录下有个examples文件夹,这里是部分演示,双击打开index.html可以看到所有演示。你是否看中某个演示呢?那就用文本编辑器打开它的html文件,查看里面的代码。这些html文件的代码中都可以看到类似代码: 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 ...编
11、辑器初始化代码 将编辑器初始化代