问题标签 [trumbowyg]

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 投票
1 回答
744 浏览

javascript - javascript Trumbowyg所见即所得编辑器不显示活动按钮?

javascriptTrumbowyg wysiwyg编辑器not show active按钮?

使用此代码,将一些字符填充到编辑器中并选择所有文本然后按下B按钮。所有文本都将加粗,但为什么B按钮未显示为活动状态。

备注:斜体按钮[I]也未显示为活动状态

我能怎么做 ?

http://plnkr.co/edit/hhlL0uPNJr16osyKzKRw?p=preview

.

.

0 投票
1 回答
397 浏览

ruby-on-rails - Rails:删除 CKEditor 并添加新的迁移以删除它

我需要删除 'ckeditor gem' 并将其替换为 'trumbowyg_rails gem' Ckeditor 在所有页面中都已正确实现,并且已为 create_table “ckeditor_assets”完成迁移 在添加 trumbowyg_rails gem 之前如何删除此迁移并清理 rails 应用程序?

0 投票
0 回答
902 浏览

javascript - Trumbowyg 没有格式化文本(粗体、斜体、删除线)

我正在使用 Trumbowyg WYSIWYG 文本编辑器http://alex-d.github.io/Trumbowyg/

我使用的唯一按钮是粗体、斜体、删除线和 InsertImage。现在,唯一有效的按钮是 InsertImage。当我选择文本并应用粗体、斜体或删除线时,它什么也不做。提交帖子时,它也不会呈现粗体、斜体或删除线。只有纯文本。请记住,呈现的帖子有一个safe模板过滤器:

当我删除 时safe,它不会呈现格式,但会呈现实际的 html,如下所示:

不管怎样,在发帖时,文本编辑器的格式不正确:

它只是这样做:

唯一正确呈现的是 InsertImage。当我插入图像时,它会立即显示,并且在发布后也可以很好地呈现。

知道为什么其他格式不起作用吗?

0 投票
1 回答
3012 浏览

javascript - Uncaught ReferenceError: $ is not defined - 控制台错误

我在控制台中收到此错误,它与我正在使用的 js 脚本有关(Trumbowyg WYSIWYG:http ://alex-d.github.io/Trumbowyg/ )

这是带有错误的浏览器控制台的图片:

当我单击时(index):166,它会在源代码中显示:

id_contentidWSYIWYG 编辑器的,这是我的js文件中使其工作所需的函数:

我查看了其他解决方案,他们说在所有其他 js 脚本之前加载 jquery 脚本,但我已经这样做了,但它没有解决任何问题。有谁知道问题是什么?顺便说一句,我正在使用这个包将它与 django 集成:https ://github.com/sandino/django-trumbowyg ,不确定这是否会改变任何东西。我只是在我的表单中加载小部件,如下所示:

完整的html部分:

编辑:请记住,一切正常,但我仍然收到此错误。这不是一个重复的问题,我已经尝试了这些解决方案,但它们都不起作用。

html文件的结尾,脚本加载正常:

0 投票
1 回答
120 浏览

php - wordpress在保存评论时删除

我正在尝试在我的 WP 评论部分实现 WYSIWYG 编辑器。我在 WordPress 数据库中保存 HTML 数据时遇到了很多困难。WP 会自动去除许多 HTML 标签。我能够恢复

通过“preprocess_comment”过滤器标记。我将 wpautop() 过滤器添加到内容中。现在出现了换行符。但是当我想使用标签时,WordPress 删除也是如此。

我使用 Trumbowysiwyg js 解决方案用所见即所得编辑器替换默认评论文本区域。使用编辑器时,HTML 代码看起来不错。它具有所有 HTML 标签,但在保存评论后,这些标签被剥离。有人可以告诉我如何允许将 HTML 注释保存在数据库中吗?

0 投票
1 回答
1195 浏览

javascript - 无法让 Trumbowyg 工作。捕获到引用错误

我正在尝试让 Trumbowyg ( https://alex-d.github.io/Trumbowyg/ ) 工作,这是我要运行的代码:

它没有工作。我现在真的很擅长 Jquery :(

谷歌控制台抛出的错误是:

未捕获的 ReferenceError:$ 未在 skit3.php:14 中定义

感谢所有帮助。

谢谢你。

0 投票
1 回答
569 浏览

polymer - Using polymer with external js files

I want to use trumbowyg.js in my polymer element, it includes jquery.js and trumbowyg.js. It works fine in Firefox but not in chrome.

It gives error, may be because shadow dom lookup/separation in chrome. The error happens where ever trumbowyg.js uses "this".

Whats going wrong here? What should I do differently?

I am using Polymer 2.0

error:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined at trumbowyg.js:1544

my-notes.html

trumbowyg.html

This doesnt seem to be working jQuery plugins and Polymer elements

0 投票
1 回答
1073 浏览

javascript - Trumbowyg 轻量级富编辑器 svg 图标未显示

我想知道是否有人处理过这个插件:http ://alex-d.github.io/Trumbowyg/

我相信我做的一切都是正确的。唯一的问题是 svg 图标没有出现?

icons.svg 文件是否正确 - 来自下载?

这就是显示的内容

在此处输入图像描述

0 投票
1 回答
2398 浏览

javascript - 如何在 trumbow 编辑器中添加下划线按钮?

我试图在编辑器中添加下划线按钮但不起作用。

这是trumbowyg编辑器的代码:

https://jsfiddle.net/rbyjgpjg/

我试图编辑,但找不到如何编辑。

我能得到一些建议吗?

0 投票
1 回答
2506 浏览

javascript - 在生成的 HTML 中注入或初始化 Vue 组件

我使用了一个所见即所得的文章编辑器,它为我保存在数据库中并稍后显示给用户的文章生成一些 HTML。

问题是我需要将 Vue 组件插入到这个自动生成的 HTML 中以显示动态产品。我可以在编辑器中创建一个添加 HTML 的自定义块,但我希望它作为一个 Vue 组件工作,直接从数据库更新产品描述。

我现在想的是添加一个按钮,该按钮添加一个带有产品 ID 数据属性的 div。然后我可以通过注入一个组件将代码中的 div 替换为具有相同 ID 的 Vue 组件。

我的另一个想法是简单地添加像<product id="1031"/>纯 html 这样的组件,然后尝试使用 Vue 编译整篇文章 HTML,但我读到该v-html指令仅将代码编译为纯 HTML。

这可能吗?或者有没有更好的想法?