html代码

<div id="edit">

</div>

JS代码

//超大屏幕的功能按钮var toolbarButtons = ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', '|', 'color', 'emoticons', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'quote', 'insertHR', '-', 'insertLink', 'insertImage', 'insertVideo', 'insertFile', 'insertTable', 'undo', 'redo', 'clearFormatting', 'selectAll', 'html'];//大屏幕的功能按钮var toolbarButtonsMD = ['fullscreen', 'bold', 'italic', 'underline', 'fontFamily', 'fontSize', 'color', 'paragraphStyle', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'quote', 'insertHR', 'insertLink', 'insertImage', 'insertVideo', 'insertFile', 'insertTable', 'undo', 'redo', 'clearFormatting'];//小屏幕的功能按钮var toolbarButtonsSM = ['fullscreen', 'bold', 'italic', 'underline', 'fontFamily', 'fontSize', 'insertLink', 'insertImage', 'insertTable', 'undo', 'redo'];//手机的功能按钮var toolbarButtonsXS = ['bold', 'italic', 'fontFamily', 'fontSize', 'undo', 'redo'];
//编辑器初始化$('#edit').froalaEditor({    placeholderText: '请输入内容', //默认填充内容    charCounterCount: true,//默认 显示字数    saveInterval: 0,//不自动保存,默认10000,0为不自动保存    //theme                  : "dark",//主题:dark,red,gray,royal,注意需要引入对应主题的css    height: "450px",    toolbarBottom: false,//默认    toolbarButtonsMD: toolbarButtonsMD,    toolbarButtonsSM: toolbarButtonsSM,    toolbarButtonsXS: toolbarButtonsXS,    toolbarInline: false,//true选中设置样式,默认false    heightMin: 450,    charCounterMax: 3000,  //最大字数限制,-1为不限制    // saveURL: '${ctx}/webmana/article/saveArticle',  //自动保存的地址(body参数为html内容)    // saveParams: {postId: '1'},  //保存内容时传的参数    spellcheck: false,  //是否允许浏览器对输入内容进行拼写检查

    imageUploadMethod: 'POST',    imageUploadURL: 'http://i.froala.com/upload',//上传到本地服务器(配置的服务器) 处理该插件上传图片的后台方法地址,而不是你的图片要上传到的路径。   http://i.froala.com/upload 官方测试地址    //imageUploadParams: {pid: '1'}, //上传图片时带的参数    imageDefaultWidth: 200, //上传图片后的默认大小    //imageResizeWithPercent: true,//不设置这个,imageDefaultWidth的单位为像素,设置后为%

    videoUploadURL: '${ctx}/webmana/attachment/uploadArticleVideo',    // enter: $.FroalaEditor.ENTER_BR, //设置回车键功能    language: 'zh_cn',    // toolbarButtons: ['bold', 'italic', 'underline', 'paragraphFormat', 'align','color','fontSize','insertImage','insertTable','undo', 'redo']});
//获取富文本框内容

var html=$('#edit').froalaEditor('html.get', true);
 

转载于:https://www.cnblogs.com/abo666/p/11201117.html

Froala editor 2.9.5 使用相关推荐

  1. JavaScript 所见所得文本编辑器 Froala Editor 4.0.17Crack

    Froala Editor v4.0.17 清除格式工具现在可以从粘贴的内容中删除内联样式. 2023 年 1 月 24 日 - 9:07新版本 特征 清除格式工具现在可以从粘贴的内容中删除内联样式. ...

  2. 完美Crack:Froala Editor 4.0.16 Patch

    基于 Web 的 JavaScript/HTML WYSIWYG 文本编辑器. Froala Editor 是一个用 JavaScript 编写的轻量级 WYSIWYG HTML 编辑器,可为您的应用 ...

  3. Froala Editor JavaScript WYSIWYG HTML 编辑器

    Froala Editor JavaScript WYSIWYG HTML 多用途.易于使用的 WYSIWYG 编辑器,优雅 每次点击,我们都会让网络编辑变得更简单.更强大.更愉快 安全.快速.智能和 ...

  4. froala editor富文本编辑器出现验证失败的解决方法

    froala editor富文本编辑器出现验证失败的解决方法 出现这种情况,首先要下载源码包地址 https://www.froala.com/wysiwyg-editor 之后引用本地的 froal ...

  5. Froala Editor内容中删除内联样式

    Froala Editor内容中删除内联样式 易于集成-编辑器可以在任何时间内集成到任何类型的项目中.它只需要基本的JavaScript和HTML编码知识. 流行-HTML编辑器在开发人员中很流行,它 ...

  6. Froala Editor 插入的表格 页面展示问题 样式消失

    在froala编辑器里 显示表格样式如下: 但是获取的html,拿出来显示 样式却丢了 处理方法: 在显示界面 引入 froala_style.min.css文件 绘制html的区域的容器 引用 fr ...

  7. Froala V4.0.18 Crack Froala 编辑器

    Froala V4.0.18:复制和粘贴图像变得更好,还有更多! 2023 年 3 月 25 日 最忠实用户 编辑器,新版本 发表评论 Froala Editor团队很高兴地宣布发布Froala Ed ...

  8. 14款前端常用的富文本编辑器插件

    富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...

  9. SpringBoot所有知识点详解,根据狂神说java老师的整理

    1.SpringBoot:Hello,World! SpringBoot简介 1.1.回顾什么是Spring Spring是一个开源框架,2003 年兴起的一个轻量级的Java 开发框架,作者:Rod ...

  10. 狂神学习系列11:SpringBoot

    狂神学习系列11:SpringBoot 声明: 本文章是基于狂神的课程所编写,本人才疏学浅,内容仅作参考 项目和markdown文件资料: 07_SpringBoot: 基于狂神说SpringBoot ...

最新文章

  1. 【翻译】将Ext JS Grid转换为Excel表格
  2. 第十五届全国大学生智能车竞赛车模技术检查表格
  3. 每天一道LeetCode-----在有序的二维数组中查找某个元素
  4. Always keep in mind
  5. xy坐标正负方向_【笛卡尔坐标系】
  6. 如何在CentOS 7上安装Kubernetes Docker群集
  7. arduino扩展板的使用_如何使用Arduino和React为烧烤构建仪表板
  8. 信用评分系统运行原理中篇-分箱逻辑
  9. android修改状态栏图标大小,安卓手机状态栏图标位置修改教程
  10. 机器学习算法之GMM模型
  11. HTML+CSS实现前端网页界面案例
  12. TTTTTTZZZZZZ(系统编程---初识线程,查看线程调用栈的三种方法)10
  13. IOS 编程初体验 第一篇:自学和培训的选择
  14. redis做浏览历史数据
  15. Eigen学习3:矩阵及向量运算
  16. 华为 10G PON 5800 三方光猫兼容 案例
  17. 在vue中使用canvas实现简单特效(下雨天)
  18. 前端(Javascript) + JAVA 服务端如何处理 HTTP 断点续传
  19. 【Visual C 】游戏开发笔记十六 讲解一个完整的回合制游戏demo
  20. mysql数据库中怎么删除一行_数据库教程_mysql如何删除表中一行数据?- 中国it教程网...

热门文章

  1. mapstd matlab详解,Matlab自带的数据标准化方法(mapminmax和mapstd)详细解析
  2. python 公众号开发框架_基于werobot框架的微信公众号开发
  3. UG二次开发GRIP标准件库
  4. Python-Django-入门
  5. [徐培成系列实战课程]-docker篇-前序
  6. 论文写作---matlab符号运算之求解方程组
  7. ubuntu查看opencv的版本
  8. igs无法分配驱动器映射表_CAD图纸字体不全怎么办?只要修改字体映射表就可以轻松解决了...
  9. 技嘉服务器主板装系统,技嘉主板u盘装系统怎么进行bios设置的方法
  10. Au 音频效果参考:振幅和压限