代码拉取完成,页面将自动刷新
基于 UEditor 二次开发的富文本编辑器,让UEditor重新焕发活力
/dist/
和/dist-min/
目录分别为构建的非压缩和压缩版代码,可直接使用
<script id="editor" type="text/plain" style="height:300px;"></script>
<script type="text/javascript" src="/path/to/UEditorPlus/ueditor.config.js"></script>
<script type="text/javascript" src="/path/to/UEditorPlus/ueditor.all.js"></script>
<script>
var ue = UE.getEditor('editor', {
// ... 更多配置
});
</script>
① 安装UEditor插件支持
npm i vue-ueditor-wrap
# 或
yarn add vue-ueditor-wrap
② 解压 UEditorPlus 到静态资源目录,配置
<template>
<div class="content">
<vue-ueditor-wrap v-model="content"
editor-id="editor"
:config="editorConfig"
:editorDependencies="['ueditor.config.js','ueditor.all.js']"
style="height:500px;"/>
</div>
</template>
<script>
export default {
data() {
return {
content: '<p>Hello UEditorPlus</p>',
editorConfig: {
// 编辑器后端服务接口,参考后端规范 https://open-doc.modstart.com/ueditor-plus/backend.html
serverUrl: '后端服务',
// 配置 UEditorPlus 的静态资源根路径,可以是 CDN 的静态资源地址
UEDITOR_HOME_URL: '/static/UEditorPlus',
UEDITOR_CORS_URL: '/static/UEditorPlus'
}
}
}
}
</script>
更多配置和使用参考:vue-ueditor-wrap
git clone https://gitee.com/modstart-lib/ueditor-plus.git
使用浏览器打开 _examples/index.html
页面相关内容,完成功能开发
npm install
grunt default
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
代码活跃度
社区活跃度
团队健康
流行趋势
影响力
:与代码提交频次相关
:与项目和用户的issue、pr互动相关
:与团队成员人数和稳定度相关
:与项目近期受关注度相关
:与项目的star、下载量等社交指标相关