首页 > 其他分享 >vue2项目中富文本 tinymce

vue2项目中富文本 tinymce

时间:2022-08-31 12:22:44浏览次数:52  
标签:vue 中富 tinymce 文件夹 vue2 文本

一开始走了很多弯路,页面总是报各种各样的错,比如:

Uncaught SyntaxError: Unexpected token '<'

后来发现对于 vue2 而言,tinymce的版本不能过高。

于是,简化了一下,但是也还是很臃肿

第一步

package.json文件中,加上依赖

"@tinymce/tinymce-vue": "^3.0.1", "tinymce": "5.1.0", 第二步

把依赖下载下来,运行npm install

第三步

在node-modules里找到tinymce文件夹,复制出来以下文件夹,放到public文件夹新建的tinymce中

 

 第四步

新建一个tinymce的vue公共组件,便于处理项目中关于相同的富文本

 

 

 

标签:vue,中富,tinymce,文件夹,vue2,文本
From: https://www.cnblogs.com/frontweb/p/16642632.html

相关文章

  • vue2和vue3的modules :
    store/modules/home.jsexportdefault{state:{//服务器数据banners:[],recommends:[]},mutations:{changeBanners(state,banners......
  • vite+vue2 的学习与问题记录
    描述按照博文[https://juejin.cn/post/6988808776291713060]指导步骤执行完成。问题记录运行npmrundev控制台显示failedtoloadconfigfrom/Users/study-vite-vu......
  • vue2和vue3的区别?
    vue2和vue3的主要区别在于以下几点:1、生命周期函数钩子不同2、数据双向绑定原理不同3、定义变量和方法不同4、指令和插槽的使用不同5、API类型不同6、是否支持碎片7......
  • vue2+vuex 的 mutations 的 使用
    <template><divclass="app">姓名:{{$store.state.nameVuex}}<button@click="btn">基本方法:修改名字</button><br/><button@click="btn1......
  • vue2+vuex的state的使用
    app.vue<template><divclass="app"><h3>在模板中直接使用</h3>姓名:{{$store.state.nameVuex}}等级:{{$store.state.levelVuex}}头......
  • 有什么方法可以把js注入到TinyMCE中的iframe?
    WordPress6之前的版本用的都是经典编辑器,而编辑器用的就是TinyMCE,所以我们要改动的主角就是它了。还没改之前觉得挺简单的,真去动手改造的时候,就懵逼了,找了半天没有相关的......
  • vue2 项目也想使用vite打包的便捷?
    首先很多项目正在更新迭代,vue2项目同学也知道vite打包速度开发模式飞快,而且生产模式我给大家贴个图这是vite构建的vue2的初始化项目性能这是未使用webpack构建的初始......
  • vue2的nextTick使用
    1、关于nextTick。vue中的Dom更新是异步的,是异步的意味着当被处理数据是动态变化时,此时对应的Dom未能及时更新(同步更新)就会导致数据已经更新(model层已经更新)而视力层未更......
  • vue3的状态管理方案pinia/类似于vue2的VueX
    pinia官网:https://pinia.vuejs.org/pinia菠萝挺不错,简单又灵活。1.安装:yarnaddpinia或者 npminstallpinia,全局加--location=global2.注册使用main.jsimport{cr......
  • Vue2按需引入elementUI组件
    按需引入官方文档介绍借助babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。首先安装babel-plugin-component:npminstallbabel-plugin-c......