使用 Javascript 或 jQuery 前置和附加文本输入字段

Question

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

我用Tampermonkey for Chrome. It's the Chrome version of Greasemonkey. I'm a frequent user of a forum at http://forum.xda-developers.com。每当我去 post 那个论坛上的回复时，我都喜欢更改字体。回复编辑器有点像 Whosebug 上的编辑器——代码编辑器。因此，当您更改字体时，它所做的是在编辑器的文本字段中将字体标签包裹在您的文本周围，如下例所示：

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

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

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

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>

Answer 2

您可以 inject jquery 到页面（如果它还不是页面的一部分）并使用

$(document).ready(function(){
    $('#textAreaID').val('[FONT="Arial"]This is a reply.[/FONT]');
});

使用 Javascript 或 jQuery 前置和附加文本输入字段

Prepend and append text input field with Javascript or jQuery

javascript

jquery

append

prepend

tampermonkey