vue前端框架引入ueditor

左手的ㄟ右手 2022-03-07 08:46 456阅读 0赞

1.首先我将ueditor（下载地址：[https://ueditor.baidu.com/website/download.html][https_ueditor.baidu.com_website_download.html] 本人下载jsp-utf-8版）放在项目static下，

2.然后在需要使用ueditor编辑器的js（这里在newsdetail.js引入）引入ueditor的三个js

3.再在vue钩子函数mounted初始化ueditor

mounted(){
    		var ue = UE.getEditor('editor');
    	},

4.最后在newsdetail.vue写入

<script id="editor" type="text/plain" style="width:100%;height:300px;"></script>

温馨提醒：如果ueditor需要刷新一下网页才能出来的话，那就在var ue = UE.getEditor('editor');上面添加 UE.delEditor('editor');

mounted(){
    		UE.delEditor('editor');
    	    var ue = UE.getEditor('editor');
    	},

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70][]

![20190316161801707.png][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1][]

[https_ueditor.baidu.com_website_download.html]: https://ueditor.baidu.com/website/download.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70]: /images/20220307/73e416906f97439cb80b09b03d54810e.png
[20190316161801707.png]: https://img-blog.csdnimg.cn/20190316161801707.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1]: /images/20220307/0434f3bf57bb414d85403514b53be253.png

发表评论取消回复

表情：

评论列表（有 0 条评论，456人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE框架引入Element-UI实现前端效果------VUE框架

> <template> > <!-- <div id="app"> > <img alt="Vue logo" src="./assets

爱被打了一巴掌/ 2024年02月26日 04:59/ 0 赞/ 5 阅读

相关前端-VUE框架

推荐的开发工具及安装 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

谁践踏了优雅/ 2023年10月18日 21:23/ 0 赞/ 19 阅读

相关使用MyEclipse配置Maven并引入Ueditor

如何配置ueditor：ueditor不存在远程和本地仓库，项目的pom.xml中无法添加依赖，导致无法使用mvn打包发布解决办法：将ueditor-1.1.2.jar添加

短命女/ 2023年10月18日 14:09/ 0 赞/ 68 阅读

相关 [前端框架]-VUE(下篇)

修饰符修饰符是vue功能的拓展，是对vue事件或者系统操作等等进行功能的补充 1. 1. 事件修饰符看下面的案例 <div class="oute

左手的ㄟ右手/ 2023年09月24日 14:52/ 0 赞/ 21 阅读

相关前端开发引入vue的方式

创建一个HTML文件  <script src="https://cdn.jsdelivr.net

水深无声/ 2022年12月08日 15:45/ 0 赞/ 106 阅读

相关 vue引入其他框架组件方法汇总

博前声明：这些方法都是基于nod.js的npm和webpack打包构建工具的前提下一、引入jQuery框架：首先在当前项目的根目录下（就是与package.json同目

谁借莪１个温暖的怀抱￠/ 2022年06月07日 06:47/ 0 赞/ 456 阅读

相关 vue前端框架引入ueditor

1.首先我将ueditor（下载地址：[https://ueditor.baidu.com/website/download.html][https_ueditor.baidu

左手的ㄟ右手/ 2022年03月07日 08:46/ 0 赞/ 457 阅读

相关 vue前端UI框架

1、Element [https://element.eleme.cn/\/zh-CN][https_element.eleme.cn_zh-CN] 饿了么前端开源的U

超、凢脫俗/ 2022年01月31日 06:41/ 0 赞/ 338 阅读

相关前端框架vue

现代前端框架大行其道，讲前端思想从操作dom的阶段，升级到操作数据的阶段。vue作为三大前端框架之一，其中平缓的学习曲线，让好多前端新手非常喜欢，应用也越来越广泛。虽然其他两个

喜欢ヅ旅行/ 2022年01月16日 00:55/ 0 赞/ 296 阅读

相关前端框架VUE----补充

修饰符 .lazy 在默认情况下，`v-model` 在每次 `input` 事件触发后将输入框的值与数据进行同步。你可以添加 `lazy` 修饰符，从而转变为使

今天药忘吃喽~/ 2021年12月23日 08:09/ 0 赞/ 315 阅读