Javascript 通过console/bookmarklet将代码编辑器添加到文本区域

我遇到了一个问题，我在CMS上开发页面，这超出了我的控制范围，我正在编辑越来越复杂的页面，只不过是一个文本区域

最初，我在代码编辑器中创建页面，然后将HTML复制到文本区域。手动保持本地和CMS代码同步

这个工作流程糟透了

当我在CMS中工作时，我希望有代码突出显示等。有没有办法通过bookmarklet或console命令向textarea添加类似或的代码编辑器？我尝试过使用，但我不知道它是设计用于任何页面，还是仅用于github

编辑：

---

我觉得我上面说的不够清楚。我只是这个CMS的最终用户，我没有能力改变它在后端的功能。我只需要一个bookmarklet来查找文本区域并对其应用代码编辑器。

tinymce和syntaxhighlighter都是未绑定到CMS的包，因此如果您的是定制的，那么您将希望尝试将它们结合使用，我听说在Drupal中的这一冒险中取得了一些成功（目前实际上有一个项目）arena，但您可能需要做一些定制工作。有人在谈论这一点，我不相信您能够完全定制浏览器的文本区域以满足您的个人需求，如功能齐全的文本编辑器或ide。也许有一种方法可以自动拉入和推送更改到您的cms，例如通过脚本方法通过使用selenium或curl.CodeMirror等工具，.fromTextArea完成了90%的工作。您可能需要填充样式，并且需要为输入/输出绑定一些按钮，但它可以工作。请参阅示例，ACE Bookmarket Builder设计用于任何页面。您尝试过Tampermonkey吗？您可以将自己的JavaScript添加到任何网页。Tampermokey是一个Chrome扩展，其他浏览器也有类似的扩展。你尝试过wp的高级代码编辑器插件吗？对不起，我不够清楚。我只是这个CMS的最终用户。我没有能力添加或更改CMS的工作方式。我只需要点击一个书签并将文本区域转换为代码编辑器。