资讯专栏INFORMATION COLUMN

富文本(wangEditor框架)的使用教程

hlcc / 2621人阅读

富文本的使用教程(wangEditor框架

  一,相信很多人用过很多富文本的框架,现在我向大家推荐一个很实用的一个富文本框架,具有丰富的功能项,容易使用。

    所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^

    · 官网地址:ttp://www.wangeditor.com/

  二,控件展示效果

          haha 是不是很强大

 

  三,使用步骤

      所需js  css包:

    

      wangEditor.min.css
      wangEditor.min.js

   1,第一步就是引入js和css包了,必需的



   

 

    2,初始化富文本框的js代码

 

   3,HTML代码

<div id="introduce1" style="height:300px;">div>

  4,获得文本框的内容方法

editor1.html();//得到内容

 

    不足之处请给予指正谢谢♥

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2329.html

相关文章

  • 基于 Vue 移动端文本编辑器 vue-quill-editor 实战

    优秀文本编辑器有很多,比如:UEditor,wangEditor 等,但并不是每个都能在移动端有很好表现。 我们暂且不讨论移动端是否真需要文本,既然有这需求,就把它实现出来。 失败尝试 正确选择是成功开始,开发之...

    wing324 评论0 收藏0
  • yamecent-admin 基于laravel框架rbac后台管理系统

    ... html 文本 javascript var editor = new wangEditor("editor"); editor.config.uploadImgUrl = "/admin/wangeditor/upload"; // 隐藏掉插入网络图片功能。该配置,只有在你正确配置了图片上传功能之后才可用。 editor.config.hideLink...

    Elle 评论0 收藏0
  • 轻量级文本编辑器wangEditor结合vue使用方法

    1、安装 使用npm下载:`npm install wangeditor` 2、 创建实例 (1)基本用法: 效果如图 (2)自定义高度写法如下:把菜单和编辑框分开 .editorMenu { border: 1px solid #ccc; } .editor { margin-top: ...

    pubdreamcc 评论0 收藏0
  • wangEditor 与 阿里[pro ant design]组合搭配

    网上已经有一篇类似文章wangEditor文本编辑器+react+antd使用, 当然我也参考了他写法, 然后实现了我到需求, 现在拿出来分享分享 版本 antd: v3.12.1wangEditor: v3.1.1 我们用编辑器, 大部分情况是在表单中使用, 而antd表单系...

    masturbator 评论0 收藏0
  • Web全栈应用之旅-启程篇

    ...支持数学公式等等 因此选择了两款文本编辑器: 1)wangEditor,支持截屏粘贴,当做Bug跟踪系统时这个功能特别有用。 2)Editor.md,支持编程语言高亮,支持数据公式。 图表 图表组件很多,够用就好。 1)Echart,用于统计类...

    longmon 评论0 收藏0

发表评论

0条评论

hlcc

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<