[WordPress教程] WordPress整合kindeditor编辑器并获取内容 -静鱼客栈

2021-09-28 0 637

今天给客户WordPress整合kindeditor编辑器的时候死活都获取不到内容,因为是ajax提交投稿所以判断点是js判断,那么就需要js先获取到提交内容判断入库,谁知死活获取不到后来网上查了下总算测试成功。

这里呢我就不详细写了,调用其实很简单,只要把kindeditor-min.js、zh_CN.js、default.css这三货调用在投稿页面,并写个提交表单内容项改为下面的即可。

内容项


<textarea name="post_content" id="post_content" class="form-control" placeholder="正文内容"></textarea>

所需调用js代码


	var editor;
	KindEditor.ready(function(K) {
    editor = K.create('#post_content', {
	resizeType : 1,
	allowPreviewEmoticons : false,
	width: 600,
	height:300,
	allowImageUpload : false, /* 开启图片上传功能,不需要就将true改成false */
	items : ['image'
    ],
   //下面这货才是关键,如果您想js获取到内容就必须添加以下代码
    afterBlur:function(){this.sync();}
   });
});

获取编辑器ID内容

var content = $.trim($("#post_content").val()); 

这样就大功告成了,是不是很简单,如果有什么不明白的可以问我们的技术谢谢大家观看本篇WordPress整合kindeditor编辑器并获取内容教程。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

静鱼客栈 学习中心 [WordPress教程] WordPress整合kindeditor编辑器并获取内容 -静鱼客栈 https://wp.muooy.cn/9505.html

静鱼客栈的帅逼站长~

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务