问题标签 [execcommand]

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 回答
1464 浏览

html - Inserting Div element into TinyMCE in the same line with other text inside

I'm trying to insert a div element inside the tinyMCE editor, but each time I insert one it's inserted in a separate line! what I want is to insert the div inline with the text already existing! Can anyone help?

P.S: text is included directly in the editor's body (I've eliminated p elements)

Thanks

0 投票
3 回答
6541 浏览

jquery - 如何使用 jQuery 在 iF​​rame 中执行“execCommand”?

例如:

我点击一个按钮。一个 div 正在改变一些东西

到目前为止我已经明白了。

我需要知道,我怎样才能执行 execCommand(可能像“粗体”)而不是 .css() 方法?

0 投票
1 回答
1833 浏览

javascript - execCommand - 包装内容,包括块引用标签中的标签

我正在尝试将一些选定的元素包装在<blockquote>标签中,但我认为可能有效的方法会替换现有标签而不是包装它们。

这是我的代码。

和...

我想结束这样的事情......

而不是我目前得到的以下内容......

谢谢

0 投票
2 回答
1948 浏览

javascript - document.execCommand 无法正常工作

我正在开发一个非常简单的 JS 项目(对于我的客户,所以不能为此使用 jQuery,嗯。)

所以基本上我有几个这样的按钮:

和其他像斜体,下划线等。

问题是他们不工作。我确信 execCommand 可以工作,因为我用计时器对其进行了测试并且它确实有效。不是的原因是当我点击它时,来自 contentEditable=true div 的文本被取消选中。

有没有办法避免这种情况?

提前致谢。


0 投票
3 回答
2773 浏览

javascript - 使用 execCommand 设置锚点名称

我知道如何使用这样的属性设置<a />标签:hrefcontenteditable

这将导致

但是我无法弄清楚如何设置锚点name而不是href.
这是我想要的结果:

谁能帮我?

旁注:我使用 jQuery 和 Rangy 作为库,但是我更喜欢直接与 execCommand 一起使用的解决方案。

更新:这是一个 jsfiddle: http: //jsfiddle.net/fjYHr/选择一些文本并单击按钮。我想要的是,单击按钮会插入一个链接,其中设置了名称属性而不是 href。

0 投票
1 回答
734 浏览

javascript - 如何让 tinyMCE 伪造文本/html 切换以启用实时更新更改

下面的代码响应 tinyMCE 编辑器工具栏上的按钮单击,并将 <--nextpage--> 标记添加到插入符号位置的源标记中。

这很好用。

但是,在我单击源视图,然后返回视觉之前,无法判断占位符已插入。

一旦我点击文本视图,然后返回所见即所得,我就可以看到 wordpress 插入的所见即所得占位符图形,以表示内容中的 <--nextpage--> 元素。

我注意到,当我单击“插入更多标签”按钮时,WordPress 编辑器会以某种方式更新 tinyMCE 编辑器视图以显示“更多标签”占位符图形(无需用户切换视图)。

也许有一个 execCommand 我可以在下面的函数中调用来做同样的事情?mceRepaint 没有这样做。

更新:我正在尝试使用 Chrome 的开发工具来跟踪单击 WordPress“插入更多标签”按钮时发生的情况,但它没有向我显示任何内容。我希望公开这些信息,以便在单击该按钮以获得所需结果时可以看到引擎盖下发生了什么。

0 投票
1 回答
4921 浏览

javascript - document.execCommand('unlink') 不适用于 Firefox 中的锚点

我正在使用document.execCommand("unlink", false, false);我自己的 html 编辑器中删除超链接和锚点。它工作正常,除了一种情况:它不会删除 Firefox 中的锚点。Firefox 不支持此功能还是有其他方法可以解决此问题?

这是我的例子:

在 Fiddle 上查看

0 投票
1 回答
7863 浏览

javascript - 如何让 execCommand 更改我所见即所得的字体类型?

我可以使用按钮使字体加粗,但在使用选择标签选择字体时不能。我有一系列的选择,如 Arial、Times、Courier 等,无法点击。这就是代码的样子

伴随着这个

0 投票
0 回答
593 浏览

javascript - 在 Javascript 中清除 execCommand 字体大小

使用document.execCommand('fontsize', false, 5);,然后我想清除或删除字体大小。如果我使用 removeFormat,它将删除任何其他格式,所以这并不理想。如果我将 fontsize 设置为 2 或 3,它可能看起来不错,但这也不理想。有没有一种简单的方法来清除字体大小,而无需“手动”进入?

0 投票
2 回答
2949 浏览

javascript - 富文本编辑器,使用强标签的粗体文本

我正在开发一个非常简单的富文本编辑器。我已经阅读了有关将 designMode = 'On' 应用于 iframe 的信息,然后我使用它来创建粗体文本:

即使它有效, execCommand() 使用b标签而不是strong制作粗体文本。我看了一些高级的富文本编辑器,所有这些都用来strong代替b标签。

我有一个简单的方法来解决这个问题吗?还是 execCommand() 根本不好用?

谢谢!