在网页上使用图文混排的编辑器

用vue安装wangeditor

wangeditor官方文档

这个好像更好，vue安装wangeditor（这个备用吧。我用的是第一个链接的那种）

上面这个是editorbar组件中的。。我想记一下这部分的，理解过了。

然后就是哪里需要用这个编辑器就引入哪里

后来写的时候发现一个问题。如果在页面加载出来的时候使用wangeditor获取到数据库穿过来的内容的时候不能实时的获取，后来想到了一个办法，监听，，，害我纠结了好长时间，还好没有白费，看代码

对了。忘记说了，在需要使用的组件中写上获取到的信息

把这个加上去，原来是写在mounted里面的。

哇哈哈哈。好高兴，终于解决了。(*^▽^*)

如果想要获取编辑器中的图片的话：如下的this.info2就是图片的路径。上传图片的时候要接后台，在封装的那个组件中已经写过后台接口了，所以这列直接获取就好了

this.info2 = $('.editor img')[0].src//获取编辑器中的图片信息

在网页上使用图文混排的编辑器相关推荐

Android图文混排－实现EditText图文混合插入上传
前段时间做了一个Android会议管理系统,项目需求涉及到EditText的图文混排,如图: 在上图的"会议详情"中,需要支持文本和图片的混合插入,下图演示输入的示例: 当会议创建 ...
php - 图文混排长微博,有了图文混排利器你的长微博终于有人看了
原标题:有了图文混排利器你的长微博终于有人看了点评:在细节上取胜,能说!能写!能装逼! 狒狒打赌,用这个"利器"的人一定是个文艺青年,因为一般人真做不出这事!(此处是赞美!) ...
html5网页制作图文混排,03第3章制作图文混排网页.docx
第3章制作图文混排网页图像也是网页中的主要元素之一,图像不但能美化网页, 而且能够更直观地表达信息. 在页面中恰到好处地使用图像,能使网页更加生动.形象和美观. [教学导航] 教学目标 (1)学会通 ...
用DW制作图文混排网页
用DW制作图文混排网页创建新的文件夹(Ctrl+shift+N) 分析网页组成这个网页由左边的图片和右边的文字组成图片放入到<img>中点击[浏览...]找到图片位置添加再 ...
制作图文混排网页学习笔记
图像是网页中的主要元素之一,图像不但可以美化网页,而且能更直观的表达信息.浏览网页时,通过观察图片,就可以理解网页主题,使阅读者在阅读标题和正文之前对网页有个大致了解,所以网页中插入图片在制作网页中起 ...
两文本一图片android,Android富文本编辑器（二）：图文混排以及图片上传处理
对于一个富文本编辑器来说,图文混排是最基本的功能.而从上一篇文章中我们知道图文混排需要使用ImageSpan.下面这段代码摘自我的RichEditText源码: /** * 添加图片 * @param ...
html怎么制作图文混排页面,CSS 网页图文混排的10个技巧
1. 首行缩进你知道的,从小学,老师就教我们,段落的开头应该空两格.而你使用word的时候,也有首行缩进这个功能,但在html中你的空格键好像起不了作用了.当然,你可以用来代替一个空格,但这不是理 ...
HTML网页设计基础——图文混排
HTML网页设计基础--图文混排案例: 分析:该题的属性有图片,加粗,斜体,下划线,还有水平线,还有空格的使用代码:
android多媒体图文混排,android图文混排
背景最近我们的产品来了个新的模块,给学生做题提高成绩的.需求如下: 支持单选.多选.填空题支持图片文字混排输入框有交互,排版精致美观为了体验优化,不能使用网页实现效果思路分析我们的图文混排 ...

在网页上使用图文混排的编辑器

在网页上使用图文混排的编辑器相关推荐

最新文章

热门文章