javascript - 使用 Javascript 或 jQuery 添加和 append 文本输入字段

Question

我搜索了又搜索，似乎找不到答案，所以如果我问的问题已经得到解答，请原谅我。

我使用Tampermonkey for Chrome 。这是 Greasemonkey 的 Chrome 版本。我是 http://forum.xda-developers.com 论坛的常客。每当我在该论坛上发表回复时，我都喜欢更改字体。回复编辑器有点像 Stackoverflow 上的编辑器——一个代码编辑器。因此，当您更改字体时，它的作用是将字体标签包裹在编辑器文本字段中的文本周围，如下例所示:

[FONT="Arial"]This is a reply.[/FONT]

现在我想做的是使用 Javascript 或 jQuery 在页面加载时自动在编辑器的文本输入字段中添加 [FONT="Arial"] 和 append [/FONT]。

那么，话虽这么说，我将使用什么 Javascript 或 jQuery 在页面加载时自动添加和 append 该文本？

Answer 1

你想要这样的东西吗？

$(document).ready(function() {
  var originalData = $('textarea').val();
  $('textarea').val('[FONT="Arial"]' + originalData + '[/FONT]');
});

/*unnecessary css, just for asthetics of code snippet*/
textarea{
  width: 300px;
  height: 100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea>Some text that is already in here</textarea>

使用原版 JAVASCRIPT 更新:

document.getElementById('vB_Editor_001_popup_fontname').setAttribute("onclick", "myWrappingFunction()");

function myWrappingFunction() {
  var originalData = document.getElementById('vB_Editor_001_popup_fontname').value;
  document.getElementById('vB_Editor_001_popup_fontname').value = '[FONT="Arial"]' + originalData + '[/FONT]';                        
}

/*unnecessary css, just for asthetics of code snippet*/
textarea{
  width: 300px;
  height: 100px;
}

<textarea id="vB_Editor_001_popup_fontname">I am the nextarea with id vB_Editor_001_popup_fontname</textarea>