问题标签 [bootstrap-wysiwyg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
20439 浏览

javascript - 保存和加载 Bootstrap 所见即所得编辑器内容

我正在使用Bootstrap Wysiwyg Editor。它看起来很棒,并将我的文本和插入的图像添加到内容区域。

我只需要将内容保存到数据库中,当用户从下拉列表中加载模板名称时,我需要从数据库中填充编辑器。

我试过$('#editor').html()但不确定如何将这些数据发送到服务器

注意:使用ASP.Net MVC

0 投票
1 回答
1237 浏览

javascript - 用于引导所见即所得工具栏的文本区域而不是 div

更新

也许更简单的说法是“我如何提交输入到的内容<div>以及 a<form>以将其发送到数据库?

结束更新

我正在使用引导程序所见即所得,并发现它仅在您的键入区域如下时才有效<div>

它不适用于这样的文本区域:

完整的 javascript 代码如下,虽然我真的不确定问题出在哪里,因为工具栏使用了data-target='#editor'

点击这里去 github 获取完整代码,我只是将它复制并粘贴到一个单独的 js 文件中。

0 投票
3 回答
6430 浏览

javascript - bootstrap-wysiwyg editor not shown

Here's the link: http://mindmup.github.io/bootstrap-wysiwyg/. I can't get it to work. I've included the script like that:

And done like this:

And it still doesn't show the editor. It shows the buttons and that things, but the editor isn't shown. I'm really now to using JavaScript and those things, if anyone could explain it a bit deeply, I would be grateful.

Also, on Chrome developer tools console, I get this error:

here's line 17:

0 投票
3 回答
2602 浏览

javascript - bootstrap-wysiwyg 在 IE 中不起作用

我正在尝试提供 bootstrap-wysiwyg 编辑器。它在 Firefox 中运行良好,但在 IE 中出现异常

这条线是

命令 =“字体大小 5”

任何想法?

0 投票
2 回答
971 浏览

ruby-on-rails - 如何在我的 Rails 应用程序中集成 Bootstrap-WYSIWYG?

有一个漂亮的引导编辑器 - Bootstrap WYSIWYG,我想在基于 RoR 4.0 的博客中使用它。问题是Bootstrap WYSIWYG不适用于除 DIV 标签之外的任何东西(据我通过一些搜索知道)。

此代码工作正常:

而这个没有:

所以,问题是 - 如何将这两件事联系在一起?

0 投票
1 回答
1420 浏览

twitter-bootstrap - Bootstrap 所见即所得和语法高亮

我试图在Bootstrap 所见即所得编辑器中创建新功能,用于插入highlightjs的源代码,但没有成功。

在官方页面(github)上,我找到了一些关于自定义和execCommand的句子,但我不知道如何实现。

有人寻求帮助吗?

编辑:我成功地在工具栏上添加了按钮,例如:

我尝试将 bootstrap-wysiwyg.js 文件编辑为:

但我不知道如何完成这个。但在此之前我无法运行此方法。

编辑 2: : 我现在将编辑器替换为 Summernote,因为我不知道如何解决这个问题。

0 投票
1 回答
355 浏览

javascript - bootstrap-wysiwyg:文本删除不起作用

有谁知道为什么将文本放入bootstrap-wysiwyg 编辑器不起作用?复制/粘贴工作正常,但选择文本,将其拖到编辑器上并放下它没有效果。

谢谢。

0 投票
3 回答
1382 浏览

javascript - 所见即所得的多输入(jQuery 插件)

我有一个需要两个富文本编辑器的页面,所以我使用了所见即所得(所见即所得)。它们工作得很好,除了一些烦人的细节。当我单击按钮以加粗、斜体或缩进时,它适用于两个 RTE,并专注于第二个输入。我不太清楚如何将工具栏彼此分开。

HTML:

JS(不是真的需要,但以防万一......)

0 投票
1 回答
2642 浏览

bootstrap-wysiwyg - 在 bootstrap-wysiwyg 中插入表格按钮

我有一个基于bootstrap-wysiwyg的 HTML 编辑器,我想在其上添加一个插入表格按钮。根据问题 #17中所述,应该可以使用insertHtml调用来执行此操作。所以我尝试添加这样的一行:

但不起作用...

0 投票
1 回答
329 浏览

css - font-face messing up bold directive (bootstrap-wysiwyg)

I'm using bootstrap-wysiwyg inside a popover. Here's a demo (only the bold is actually working). Now as you can see - pressing Ctrl+B will set the text to bold, and pressing again will return it to normal.

That demo is working fine, but in my own project I'm working with local font-faces, i.e.:

And that somehow screws everything up - I can click Ctrl+B (or the button directly) to make the text bold, but clicking again doesn't return it to normal. It just stays bold. The button itself is behaving weirdly too, turns blue, but changes back to normal the second you press down any other key. I thought setting the font-weight for the second font-face to bold will sort it out because but it doesn't.

I have no idea how to set up that demo to recreate the problem (is there like a... font-face cdn or something?), hopefully someone knows the answer from similar experience or will give a helpful suggestion.