问题标签 [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 投票
4 回答
8408 浏览

javascript - window.getSelection 使用 jquery 将类添加到选择中

我想选择一个图像并将一个类名添加到选择中。使用window.getSelection.


0 投票
1 回答
3264 浏览

javascript - JS/JQuery execCommand 问题

我在使用 execCommand 时遇到问题(完整),因此非常感谢您的帮助-我毫不怀疑我在吠叫错误的树,但是.....无论如何

我有一个这样的 div

那是“可编辑的”,即document.designMode = 'on';——它得到了这个“状态”的焦点。在模糊它变为document.designMode = 'off';

我有一个“测试按钮”

当“点击”使“突出显示的文本”变为粗体 - 因此 execCommand

到目前为止,我有这样的事情:

警报(粗体单击)确实为我提供了突出显示/选定的文本,但我无法弄清楚如何将其“变为”粗体。我想我需要访问 innerHTML 什么的?

非常感谢帮助 - 在此先感谢。哦,我不想使用 i-frame 或 textarea

0 投票
1 回答
4083 浏览

javascript - 如何使用 execCommand 更改字体大小

我在我的 htm 文件中有一个字体样式 FONT{ font-size:11px; } ,它将在我的 htm 加载时最初加载现在我想使用以下命令更改字体大小 document.execCommand("fontsize", "", "5"); 执行后现在字体标签包含属性 size = "5" 但是我可以在 IE Developer 工具栏的当前样式中看到 font-size:11px 。所以字体没有变化。

如何更改字体大小请帮助。

0 投票
2 回答
1600 浏览

javascript - contentEditable、execCommand 和强制新键入的文本加粗

我在玩 contentEditable 和 execCommand,我正在努力做到这一点,以便在按下按钮时,

  • 如果在 contentEditable 中选择了文本,它将变为粗体

  • 如果在 contentEditable 中没有选择文本,则在按下按钮后在 contentEditable 中键入的任何文本都会加粗

我尝试使用以下 Javascript 命令:

但不幸的是,这只会使被选中的文本变为粗体;如果没有选择文本并且您在按下按钮后开始输入,则文本显示为非粗体。

我注意到,如果我在 contentEditable 中按 Ctrl+B,它会完全按照我的意愿完成,但我想使用 Javascript 来完成此操作(并且无需在 Javascript 中模拟 Ctrl+B)。

0 投票
1 回答
1539 浏览

javascript - 如何在 javascript 中使用 document.execCommand 创建电子邮件链接

如何使用 document.execCommand 方法为所选文本创建电子邮件链接

0 投票
1 回答
1772 浏览

jquery - JQuery 使用 execCommand('InsertImage',true); 获取图像 url

对此有一些麻烦-出于某种原因-概率。只是我,我需要为一个非常基本的 RTE 做些什么是从某种形式的弹出窗口中获取一个图像 url,最好是一个带有输入字段的模式,然后使用 execCommand('InsertImage'); 将图像放入可编辑的 div - RTE 在 iframe 而非 textarea 中使用可编辑的 div。

如果不清楚这是“路线”

  1. 单击 RTE 菜单中的“图像”按钮
  2. 这将打开一个模式(JQuery)
  3. 模式填充有缩略图
  4. 用户单击缩略图单击设置隐藏输入字段的值(JQuery)
  5. 用户单击提交按钮(在模式上),然后触发 execCommand('InsertImage') 命令。

所以我想我的代码会是这样的:(用 doc.ready 等预先包装)

但我不确定,我无法让图像 src 传输。请提出建议谢谢

哦 - 这样做是因为用户在主服务器上没有预先存在的图像库,因此 imagethumbs.php 将通过库 API 加载图像缩略图。我定义了“clck action”,而不仅仅是“insert src”类型的提示。

0 投票
0 回答
2178 浏览

contenteditable - execCommand insertHTML 多次插入

我正在 contentEditable DIV 中处理小型 RTE。我已将按键事件处理程序附加到 DIV,该处理程序监视何时按下 ENTER 键以及选择的位置。如果它在文本节点内,我将插入一个新行。但是,这段代码有问题,并且经常插入 4 个换行符而不是一个(我必须按 undo 4 次才能回到光标之前的位置——这就是我认为 execCommand 多次触发的原因)。另一方面,有时需要按两次 ENTER 键才能插入新行。

这是 keypress 事件处理程序的代码片段,一旦确定已按下 ENTER 键:

我想使用 execCommand 来保留浏览器的撤消行为。我不想插入 a<br>因为此插入仅发生在文本节点中,并且出于后处理目的,我需要在文本节点中使用 \n 而不是<br>'s 或任何其他块类型标签。我正在使用 unicode 换行符&#x000A;。我也尝试了回车符&#x000D;,结果相似。我不能使用\nwithinsertHTML因为那不是正确的 HTML。

任何人都知道如何确保 execCommand 只运行一次?

0 投票
1 回答
328 浏览

javascript - “oIframe”是什么意思

我试图理解下面的代码。我几乎明白了,并且能够对其进行一些修改。但我想很好地理解它,我被困在 ** oIframe.contentDocument ** 。我有点知道它的作用,但我找不到任何关于它的文档。

谢谢你

0 投票
1 回答
1708 浏览

javascript - “document.execCommand”的替代技术

我目前正在使用仅使用 Jquery 和 CSS 的 WYSIWYG 网络编辑器。

我对所有浏览器中 execCommand 的不一致感到有点恼火。

是否有另一种技术可以实现类似于 execCommand 的功能。这样检测突出显示的文本并更改其 CSS 设置?

如果有人能以正确的方向激励我,我真的很感激

0 投票
9 回答
30719 浏览

javascript - document.execCommand() 字体大小(以像素为单位)?

如何使用 将字体大小更改为 30px(例如)document.execCommand

这:

不起作用,因为在函数 execCommand 的第三个参数中,它只允许我输入一个介于 1 到 7 之间的值。