首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue集成百度UEditor富文本编辑器

1、使用vue-cli构建一个vue项目。然后下载UEditor源码。地址:http://ueditor.baidu.com/website/ 把项目复制到vue项目的static文件下。目的是让服务可以访问到里面的文件,打开UEditor目录文件。这里下载的是jsp版本的。文件名字没有更改过。打开里面的ueditor.config.js文件找到serverUrl把这行代码注释了。这个代码是用来上传图片的后台地址。如果不注释了会请求报错。编辑器跑起来再做服务配置修改地址。 2、在.vue文件中引入主要js文件 import ‘../../static/utf8-jsp/ueditor.config’ import ‘../../static/utf8-jsp/ueditor.all’; import ‘../../static/utf8-jsp/lang/zh-cn/zh-cn’; 3、在data中申明一个变量存储UEditor的实例方便在vue的其他地方使用,然后申明一个变量存储手动获取的编辑器里面的内容,再什么一个变量存储初始化时要写入编辑器的内容。三个变量。如果操作得当。可以减少变量的时候。这是笨办法 4、在vue的mounted钩子函数中调用编辑器的方法生成实例存储到刚刚申明的变量中,在实例中传入参数。第一个是id,id是生成编辑器的div的id。第二个参数是一个对象。对象内容是对编辑器的配置。如资源访问路径,toolbars内容配置。 5、在html部分写一个div标签

6、然后配置资源路径。在实例化的时候传入的参数里。第二个参数是一个对象。内容包括路径。 this.ue = UE.getEditor('editor',{ BaseUrl: '', UEDITOR_HOME_URL: 'static/utf8-jsp/', }); 这个UEDITOR_HOME_URL就是配置编辑器自己访问自己所需要的依赖的路径。设置到存放的文件下utf8-jsp是编辑器文件的更目录。目录不一样可自行更改 7、然后保存。就可以在界面上显示一个完整的富文本编辑器 8、如果要获取内容则使用在data里面申明的编辑器实例在vue中this.实例调用方法getContent()可以获取到内容 9如果要设置内容则调用:setContent('欢迎使用ueditor'); 更多方法参考官方文档。 10、文档内容属于个人踩坑的心得。如有错误。请留言指出。谢谢 11、需要注意的是资源路径容易搞错。使用相对路径即可 12、贴出代码

01
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Spring+SpringMVC+MyBatis+easyUI整合优化篇(六)easyUI与富文本编辑器UEditor整合

    前言 本来这一篇和接下来的几篇是打算讲一下JDBC和数据库优化的,但是最近很多朋友加我好友也讨论了一些问题,我发现大家似乎都是拿这个项目作为练手项目,作为脚手架来用的,因此呢,改变了一下思路,JDBC和数据库优化这一块儿延后一点再去说,先丰富一下项目的页面和功能,因为现在的页面实在有些少得可怜,所以我打算中间插入两篇文章,给项目增加一个富文本编辑器的功能插件,再增加一个图片上传的功能,把这个脚手架的内容再充实一下。 我的github地址,点这里 初识富文本编辑器 先看两张图片: 1、这是一张普通的新闻详情

    06

    Diablo II中的各种hacks

    Game hacks,也就是通常所说的游戏软件。在网络游戏时代,也许是因为针对传奇这类游戏的软件大都利用WPE之类的抓包工具来制作,因此hacks又叫外挂。不过Diablo的hacks绝大多数是和游戏代码紧密结合在一起的,也许应该叫内挂才对。 Diablo II LOD(以下简称D2X)中的hacks大概可分为exploit、bot和mod三大类。exploit即漏洞,就是利用游戏设计上的缺陷或者BUG完成 一些正常游戏时做不到的事情,比如复制装备,偷窥其他玩家装备,显示所有场景地图等等。bot俗称机器人,是指那些能自动模拟人的操作进行游戏的程序。比 如有的bot能自动运行游戏程序,输入帐号名密码,创建、进入游戏,并自动找怪物,杀怪物,捡装备等等。mod即modification,指通过修改 D2X本身的一些(角色、怪物、场景等)设定来获得另外一种游戏体验,从这个意义上讲那些所谓的资料片都可以看做MOD,只不过是官方做的。这里主要介绍 exploit和bot。exploit和bot的主要区别在于bot是模拟人的操作自动进行游戏,exploit是帮助玩家在游戏时获得一些得到一些便 宜。exploit的用处容易理解。bot要来干吗呢?D2X中装备决定一切,没有合适的装备在游戏中寸步难行。另外装备可以卖钱,在我的印象中,战网上 出现的第一把极品弓WindForce/8卖到几千美元。想得到高级装备,就得一遍又一遍的MF(Magic Finding,术语来着,通常指打怪物捡它掉下来的装备)。一般来说好装备出现的概率都非常非常低,玩家自己MF的话要花很多时间,这时候bot就派上 用场了。--这就是Diablo中最流行的一类MF bot存在的原因。bot还可以做其他一些用途,比如,pass bot可以帮你的baby角色通关;follow bot可以让你的baby角色自动跟随高级角色打怪、通关、升级。 D2X中hack的发展过程,大概可以分为三个阶段:

    02

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券