tra*_*day 5 html javascript twitter jquery
我正在编写一个 chrome 扩展,它可以帮助用户在 Twitter 上输入内容。当在 twitter 上写推文时,twitter 会打开一个可编辑的 div 容器。当用户输入内容时,twitter(可能正在使用某些网络框架)会生成子 div 并使用用户输入的文本跨度,并将它们放置在内容可编辑的 div 中。
问题是,当手动更改跨度值(例如,通过检查元素),然后再次键入某些内容时,跨度中的值将恢复为之前的值(在检查元素编辑之前)。这可能是因为实际输入的字符串存储在 javascript 中的某个位置,当用户输入 div 时,所有内容都会被再次覆盖。
我一直在尝试使用 JQuery 找到解决此问题的方法,但没有成功。我真的不知道如何开始。如果它只是一个常规的输入标签,您可以调用类似$("input").val("new value"), easy-peasy... 的内容,但我不知道如何为可编辑的 div 执行此操作,该 div 通过在页面上某处运行的 javascript 进行更新。
有一段时间,我只是觉得这是不可能的......
但现在我知道这是可能的。如果您下载 Grammarly 扩展并使用 Grammarly 弹出编辑器(打开一个新窗口来编辑文本),然后提交,twitter 可编辑内容 div 会相应更新,一切都会像魔术一样工作。
抱歉,如果这不是标准编程问题,但我在网上找不到任何与我想做的事情接近的内容。也许我只是经验不足,错过了一些非常明显的东西。我尝试查看 twitter 和 Grammarly 源代码,但都是缩小的乱码 JavaScript,我无法阅读......
感谢您的任何帮助和见解!
编辑:有问题的 Twitter 网址是:https://twitter.com/compose/tweet有问题的 div 是具有contenteditable="true"属性的 div(您可以在检查器中搜索它)
| 归档时间: |
|
| 查看次数: |
477 次 |
| 最近记录: |