我一直在为 bootstrap 寻找一个所见即所得的编辑器，我遇到了 Summernote。

它似乎是一个不错的引导程序灯光编辑器。

我遇到的问题是，当我发布表单时，textarea 中的summernote 代码被删除了。然而，文本正在提交。

有没有人有解决方法来获取summernote以实际发布它生成的代码。

我目前正在使用Bootstrap 3 WYSIWYG。我已经设置了以下文本区域：

但是，我只想在font-styles下拉列表中显示“普通文本”和“标题 2”选项。这可能吗？

我想 在我的网站中使用引导程序所见即所得。Flask我找到了这个项目flask-wysiwyg并按照作者的建议，但它不起作用。

我想知道：

• 怎么了？
• 我应该如何自己解决这个问题？

这是代码：

表格.py

视图.py

后富文本-edit.html

我正在使用 Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor 但是当表单发布时 textarea 值为 null 并且我在 TextArea 上使用了必需属性但仍然发布表单而不在 textarea 中输入文本. 下面是我的代码 -

代码

jQuery代码

以下 div 由 WYSIWYG 编辑器生成，该编辑器保存在 Textarea 中输入的值

我需要一个可以编辑PHP Blade和Handlebars * 模板的 WYSIWYG HTML 编辑器。我已经尝试过TinyMCE、CKEditor和bootstrap wysihtml5但它们都“修复”了我的无效 HTML。任何人都可以提出替代方案吗？

我需要能够在 WYSIWYG 和 Source 模式之间切换，而无需更改以下内容。

我发现的所有编辑都删除@foreach了表格，有时也会破坏表格。如果“视觉”模式被破坏，我不太在意，但我需要 HTML 保持不变。

*我为 Handlebars 变量加上 $ 前缀，因此它们与刀片模板广泛兼容。

概述

我正在尝试使用 JSPM 在我的 ES6 项目中安装bootstrap-wysiwyg包。

通常你可以使用命令安装一个包

jspm 安装 npm:bootstrap-wysiwyg

并且 JSPM 将处理该config.js文件并在jspm_packages文件夹中创建条目 JS 文件。

我的问题

对于这个特定的包，它确实config.js在根目录中创建了 bootstrap-wysiwyg JS 文件的条目，但它本身并不创建该 JS 文件。

文件

配置.js

进口

错误信息

问题

如何确保 JSPM 创建该文件？我可以自己制作一个，但是版本控制显然被破坏了。

我有一个使用 React 的应用程序。我现在有一个问题，我正在尝试实现bootstrap-wysiwyg/bootstrap3-wysiwyg包。

为了让我<textarea>作为ootstrap-wysiwyg/bootstrap3-wysiwyg文本编辑器工作，我需要在文本编辑器上运行以下 JQuery 函数：

这是我的组件：

如何将该 JQuery 函数应用于我<textarea>的 React 组件？

我知道混合 React 和 JQuery 不是很好的做法，但我真的需要它来工作。如果有另一种方法可以让包工作，我会很感激作为答案。

否则，如果有人可以帮助我使其正常工作，将不胜感激！

更新：（ 仍在寻找）

感谢所有的建议。我尝试了很多，但它们都导致了问题：

1. <ReactQuill>只是显示不好，按钮很大。
2. <EditableDiv>给我：Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs.
3. Syam Mohan 的回答给了我：Uncaught TypeError: Cannot read property 'font-styles' of undefined at f

仍在寻找可行的方法，感谢您迄今为止所做的所有努力！

如何使用 jQuery 将内容动态设置为 bootstrap-wysiwyg 编辑器。我试过了

似乎没有一个人接受

我需要一些关于 Bootstrap WYSIWYG 的帮助。从我的角度来看，内容需要是一个字符串，我想完全控制正在发生的事情。

我想使用which在索引处editorInsert(c, i)插入字符。我猜这是开始的代码。ci

如果您可以使其与字符或字符串一起使用，那就太好了。

谢谢。