laravel使⽤百度富⽂本编辑器
我这⼉⽤的是 ‘overtrue/laravel-ueditor’;可以在GitHub 获取百度直接可以到 laravel 安装就好了。安装就跳过。我这⼉直接使⽤//引⼊css
@include('vendor.ueditor.assets')
<script id="container" name="material_details" type="text/plain" ></script>
//引⼊简洁版
<script type="text/javascript">
var ue =UE.getEditor('container',{
wordCount:true,//开启字数统计
elementPathEnabled:false,//是否启⽤元素路径,默认是显⽰
maximumWords:10000,//允许的最⼤字符数
initialContent:'',//初始化编辑器的内容,也可以通过textarea/script给值,看官⽹例⼦
autoClearinitialContent:true,//是否⾃动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器⼀上来就会触发导致初始化的内容看不到了
pasteplain:true,//是否默认为纯⽂本粘贴。false为不使⽤纯⽂本粘贴,true为使⽤纯⽂本粘贴
imageUrlPrefix:"localhost:4176",/* 图⽚访问路径前缀 */
imagePathFormat:"/UploadFiles/{yyyy}{mm}{dd}/{time}{rand:6}",/* 上传保存路径,可以⾃定义保存路径和⽂件名格式 */
urlTarget:"Email",
autoHeightEnabled:false,//关闭⾼度⾃适应
toolbars:[
[
'undo',//撤销
'redo',//重做
'bold',//加粗
'indent',//⾸⾏缩进
'italic',//斜体
'underline',//下划线
'strikethrough',//删除线
'subscript',//下标
'fontborder',//字符边框
'superscript',//上标
'formatmatch',//格式刷
'pasteplain',//纯⽂本粘贴模式
'selectall',//全选
'preview',//预览
'horizontal',//分隔线
'removeformat',//清除格式
'time',//时间
'date',//⽇期
'inserttitle',//插⼊标题
'cleardoc',//清空⽂档
'simpleupload',//单图上传
'fontfamily',//字体
'fontsize',//字号
'paragraph',//段落格式
'link',//超链接
'emotion',//表情
'spechars',//特殊字符asp富文本编辑器
'searchreplace',//查询替换
'justifyleft',//居左对齐
'justifyright',//居右对齐
'justifycenter',//居中对齐
'justifyjustify',//两端对齐
'forecolor',//字体颜⾊
'backcolor',//背景⾊
'insertorderedlist',//有序列表
'insertunorderedlist',//⽆序列表
'fullscreen',//全屏
'directionalityltr',//从左向右输⼊
'directionalityrtl',//从右向左输⼊
'rowspacingtop',//段前距
'rowspacingbottom',//段后距
'imagenone',//默认
'imagenone',//默认
'imageleft',//左浮动
'imageright',//右浮动
'imagecenter',//居中
'lineheight',//⾏间距
'edittip ',//编辑提⽰
'customstyle',//⾃定义标题
'autotypeset',//⾃动排版
'drafts'// 从草稿箱加载
]
]
});
//  var ue = UE.getEditor('container');
var mat_details1=$("#mat_details1").val();
ue.setContent(mat_details1);//赋值给UEditor
</script>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。