(1)原材料准备
ueditor官网
http://ueditor.baidu.com/website/
(2)如何使用
我想如何使用官网上的帮助文档都会有详细的介绍,我这里写只是我想给自己一个备忘而已,顺便说一句,这个插件真的很强大
首先引入插件通过js引入其核心文件
<script type="text/javascript" charset="utf-8" src="{{ asset('/js/editor/ueditor.config.js') }}"></script>
<script type="text/javascript" charset="utf-8" src="{{ asset('/js/editor/ueditor.all.min.js') }}"> </script>
<script type="text/javascript" charset="utf-8" src="{{ asset('/js/editor/lang/zh-cn/zh-cn.js') }}"></script>
然后在自己的js框中编辑一下语句
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor');
</script>
最后在自己的html页面加入一下div
<div id="edit">
<script id="editor" type="text/plain" style="width:1024px;height:500px;" id = "content" name="case[content]">
{!!$data->caseContent!!}
</script>
</div>
(3)如何传数据呢?
这个才是各位关心的这个只要你提交通过POST方法去接受,那数据就会到你相应的函数中