跨境电商
经验交流分享

给CKEditor添加jQuery扩展

目前项目进度是慢的不能在慢了,但是一个完整的项目经验真的非常难得。目前来说依靠API手册,完全可以掌握jQuery的使用。只不过还不太熟练。当然,项目越多,也就熟练的越快。

今天使用CKEditor涉及到了点击图片触发一个事件,然后读取代码插入到编辑器中。这里对于插入到CKEditor编辑器这块不是很熟悉,所以卡了很久。最后在CKEDITOR官方网站上找到了一个jQuery扩展脚本,就在CKEditor包里的adapters文件夹中。将下边两个JS代码引入后,即可将任意的HTML元素转换为编辑器。

[PHP]

<script type=”text/javascript” src=”./ckeditor/ckeditor.js”></script>
<script src=”ckeditor/adapters/jquery.js” type=”text/javascript”></script>
<script type=”text/javascript”>
window.onload = function() {
$(“textarea#editor”).ckeditor();
}
</script>

[/PHP]

目前使用到的就是向编辑器中插入获取到的各种数据的方法,这里也就先把这个方法写下。其实也就是下面代码众的val()方法,将获取的比如$data变量替换字符串之后,即可实现触发事件之后,向CKEditor中插入数据了。

[PHP]

$( 'textarea.editor' ).val( 'my new content' );

[/PHP]

赞(0)
未经允许不得转载:锐想 » 给CKEditor添加jQuery扩展
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

锐想电商 - 跨境电商经验交流分享

锐想无限