Froala editor 2.9.5 使用
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 使用相关推荐
- JavaScript 所见所得文本编辑器 Froala Editor 4.0.17Crack
Froala Editor v4.0.17 清除格式工具现在可以从粘贴的内容中删除内联样式. 2023 年 1 月 24 日 - 9:07新版本 特征 清除格式工具现在可以从粘贴的内容中删除内联样式. ...
- 完美Crack:Froala Editor 4.0.16 Patch
基于 Web 的 JavaScript/HTML WYSIWYG 文本编辑器. Froala Editor 是一个用 JavaScript 编写的轻量级 WYSIWYG HTML 编辑器,可为您的应用 ...
- Froala Editor JavaScript WYSIWYG HTML 编辑器
Froala Editor JavaScript WYSIWYG HTML 多用途.易于使用的 WYSIWYG 编辑器,优雅 每次点击,我们都会让网络编辑变得更简单.更强大.更愉快 安全.快速.智能和 ...
- froala editor富文本编辑器出现验证失败的解决方法
froala editor富文本编辑器出现验证失败的解决方法 出现这种情况,首先要下载源码包地址 https://www.froala.com/wysiwyg-editor 之后引用本地的 froal ...
- Froala Editor内容中删除内联样式
Froala Editor内容中删除内联样式 易于集成-编辑器可以在任何时间内集成到任何类型的项目中.它只需要基本的JavaScript和HTML编码知识. 流行-HTML编辑器在开发人员中很流行,它 ...
- Froala Editor 插入的表格 页面展示问题 样式消失
在froala编辑器里 显示表格样式如下: 但是获取的html,拿出来显示 样式却丢了 处理方法: 在显示界面 引入 froala_style.min.css文件 绘制html的区域的容器 引用 fr ...
- Froala V4.0.18 Crack Froala 编辑器
Froala V4.0.18:复制和粘贴图像变得更好,还有更多! 2023 年 3 月 25 日 最忠实用户 编辑器,新版本 发表评论 Froala Editor团队很高兴地宣布发布Froala Ed ...
- 14款前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...
- SpringBoot所有知识点详解,根据狂神说java老师的整理
1.SpringBoot:Hello,World! SpringBoot简介 1.1.回顾什么是Spring Spring是一个开源框架,2003 年兴起的一个轻量级的Java 开发框架,作者:Rod ...
- 狂神学习系列11:SpringBoot
狂神学习系列11:SpringBoot 声明: 本文章是基于狂神的课程所编写,本人才疏学浅,内容仅作参考 项目和markdown文件资料: 07_SpringBoot: 基于狂神说SpringBoot ...
最新文章
- 【翻译】将Ext JS Grid转换为Excel表格
- 第十五届全国大学生智能车竞赛车模技术检查表格
- 每天一道LeetCode-----在有序的二维数组中查找某个元素
- Always keep in mind
- xy坐标正负方向_【笛卡尔坐标系】
- 如何在CentOS 7上安装Kubernetes Docker群集
- arduino扩展板的使用_如何使用Arduino和React为烧烤构建仪表板
- 信用评分系统运行原理中篇-分箱逻辑
- android修改状态栏图标大小,安卓手机状态栏图标位置修改教程
- 机器学习算法之GMM模型
- HTML+CSS实现前端网页界面案例
- TTTTTTZZZZZZ(系统编程---初识线程,查看线程调用栈的三种方法)10
- IOS 编程初体验 第一篇:自学和培训的选择
- redis做浏览历史数据
- Eigen学习3:矩阵及向量运算
- 华为 10G PON 5800 三方光猫兼容 案例
- 在vue中使用canvas实现简单特效(下雨天)
- 前端(Javascript) + JAVA 服务端如何处理 HTTP 断点续传
- 【Visual C 】游戏开发笔记十六 讲解一个完整的回合制游戏demo
- mysql数据库中怎么删除一行_数据库教程_mysql如何删除表中一行数据?-
中国it教程网...
热门文章
- mapstd matlab详解,Matlab自带的数据标准化方法(mapminmax和mapstd)详细解析
- python 公众号开发框架_基于werobot框架的微信公众号开发
- UG二次开发GRIP标准件库
- Python-Django-入门
- [徐培成系列实战课程]-docker篇-前序
- 论文写作---matlab符号运算之求解方程组
- ubuntu查看opencv的版本
- igs无法分配驱动器映射表_CAD图纸字体不全怎么办?只要修改字体映射表就可以轻松解决了...
- 技嘉服务器主板装系统,技嘉主板u盘装系统怎么进行bios设置的方法
- Au 音频效果参考:振幅和压限