vue 集成 NEditor 富文本

2019-08-14 10:28:35来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

下载NEditor 放在  vue 项目下面 public  文件中。

 

安装    vue-neditor-wrap  执行命令

npm  install  vue-neditor-wrap

 

 

代码使用 

 

 

<VueNeditorWrap
ref="VueNeditorWrap"
v-model="content"
:config="myConfig"
:destroy="false"
@ready="ready"
></VueNeditorWrap>
 
myConfig: {
// 如果需要上传功能,找后端小伙伴要服务器接口地址
serverUrl:
globalAPI.sysAPIs.itsm_sys_common.itsm_sys_common_upload_api.url,
// 你的UEditor资源存放的路径,相对于打包后的index.html
UEDITOR_HOME_URL: "/NEditor/",
// 编辑器不自动被内容撑高
autoHeightEnabled: false,
// 初始容器高度
initialFrameHeight: 240,
// 初始容器宽度
initialFrameWidth: "100%",
// 关闭自动保存
enableAutoSave: false,
// 是否只读
readonly: false,
// 最大字数
maximumWords: 2000,
//关闭字数统计
// wordCount: false,
// //关闭elementPath
// elementPathEnabled: false,
toolbars: [
[
"source",
"|",
"undo",
"redo",
"|",
"bold",
"italic",
"underline",
"fontborder",
"strikethrough",
"superscript",
"subscript",
"removeformat",
"formatmatch",
"autotypeset",
"blockquote",
"pasteplain",
"|",
"forecolor",
"backcolor",
"insertorderedlist",
"insertunorderedlist",
"selectall",
"cleardoc",
"|",
"rowspacingtop",
"rowspacingbottom",
"lineheight",
"|",
"customstyle",
"paragraph",
"fontfamily",
"fontsize",
"|",
"directionalityltr",
"directionalityrtl",
"indent",
"|",
"justifyleft",
"justifycenter",
"justifyright",
"justifyjustify",
"|",
"touppercase",
"tolowercase",
"|",
"link",
"unlink",
"anchor"
]
]
},
content: ""

 


原文链接:https://www.cnblogs.com/hucoke/p/11313591.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:vue动态请求到的多重数组循环遍历,取值问题,如果某个值存在则

下一篇:js鼠标点击特效,有关参数设置