bootstrap-wysihtml5设置值

       今天做项目的时候用到了 bootstrap-wysihtml5,添加完一篇文章返回去继续添加的时候,js已经设置了将所有变量的值清空,但是不管用$('#someId').val(")还是$('#someId').text("),都无法清空第一篇文章的东西后来使用以下代码解决了。

 $('#id_of_editor').data("wysihtml5").editor.setValue('');

转载于:https://www.cnblogs.com/cfYu/p/7845476.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap-wysihtml5 是一个基于Bootstrap框架的富文本编辑器,它提供了类似于Word中的文本编辑功能,包括格式化、插入链接、插入图片等功能。 使用 bootstrap-wysihtml5 需要进行以下步骤: 1. 引入必要的文件:需要引入 Bootstrap、jQuery 和 bootstrap-wysihtml5 的样式和脚本文件。 ```html <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.all.min.js"></script> ``` 2. 创建编辑器:在 HTML 中创建一个 textarea 元素,然后使用 JavaScript 初始化编辑器。 ```html <textarea id="editor"></textarea> ``` ```javascript $(function(){ $('#editor').wysihtml5(); }); ``` 3. 配置编辑器:可以通过配置参数来自定义编辑器的外观和功能。 ```javascript $(function(){ $('#editor').wysihtml5({ "font-styles": true, // 字体样式 "emphasis": true, // 强调 "lists": true, // 列表 "html": false, // 允许编辑源码 "link": true, // 插入链接 "image": true, // 插入图片 "color": false, // 字体颜色 "blockquote": true, // 引用 "size": 'sm' // 编辑器尺寸 }); }); ``` 以上是使用 bootstrap-wysihtml5 的基本步骤,你可以根据自己的需求来配置编辑器的功能和样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值