Question

我搜索过并搜索过，似乎无法找到答案，所以如果我问一个已经回答的问题，请原谅我。

我使用Tampermonkey for Chrome。这是Greasemonkey的Chrome版本。我是http://forum.xda-developers.com论坛的常客。每当我在该论坛上发布回复时，我都想更改字体。回复编辑器有点像Stackoverflow上的编辑器 - 代码编辑器。因此，当您更改字体时，它会在编辑器的文本字段中围绕文本包装字体标记，如下例所示：

[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>

使用VANILLA 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前置和附加文本输入字段

2 个答案: