泰安集团网站建设地点,优化搜索引擎的方法,马尔康网站建设,网站如何备案要关站吗简介
UEditor是由百度Web前端研发部开发的所见即所得富文本web编辑器#xff0c;具有轻量#xff0c;功能丰富#xff0c;易扩展等特点。UEditor支持常见的文本编辑功能#xff0c;如字体、颜色、大小、加粗、斜体、下划线、删除线等#xff0c;同时还支持超链接、图片上…简介
UEditor是由百度Web前端研发部开发的所见即所得富文本web编辑器具有轻量功能丰富易扩展等特点。UEditor支持常见的文本编辑功能如字体、颜色、大小、加粗、斜体、下划线、删除线等同时还支持超链接、图片上传、表格编辑、代码段插入、全屏编辑等高级功能。此外UEditor还支持自定义扩展可以通过编写插件的方式进行扩展。UEditor广泛应用于各类Web产品中如博客、论坛、内容管理系统等。
使用步骤
一下载封装的ueditor包
https://download.csdn.net/download/u012551928/87934068
预览
https://chengmaofeng.gitee.io/preview/rich-text/#/ueditor
使用示例
templatedivvue-ueditor-wrap v-modeldataStr :configmyConfig/vue-ueditor-wrapel-button v-clipboarddataStr stylemargin: 15px;float:right; typeprimary clickhandleCopy复制源代码/el-button/div
/template
scriptimport VueUeditorWrap from vue-ueditor-wrapexport default {components: { VueUeditorWrap },data() {return {// 编辑器dataStr: 我是渲染字段,myConfig: {// 编辑器不自动被内容撑高autoHeightEnabled: false,// 初始容器高度initialFrameHeight: 600,// 初始容器宽度initialFrameWidth: 100%,// 上传文件接口serverUrl: ,// UEditor 是文件的存放路径UEDITOR_HOME_URL: /ueditor/}}},methods: {handleCopy(){console.log(复制, this.dataStr)}}}
/script
style langscss scoped/style
可以自行封装成组件!!️
总结
本文仅仅简单介绍了ueditor使用更多富文本配置及使用方式参考http://fex.baidu.com/ueditor/#start-config。 如果觉得有用欢迎点赞关注 有问题私信我~~
