将function应用于所选文本

http://webwrinkle.com/

我在上面列出的url上有一个基本表格。 我希望用户的选项能够将javascript或jquery函数应用于表单中的选定文本。 是一个php文件，因此信息将进入数据库，然后在页面中以html格式输出。

我认为用户可以选择输入到表单中的文本，通过按钮应用该function，并且与该按钮相关联的function将在所选文本的两端输入链接标签，以使所选文本成为已发布的可点击网络链接php页面。 （TinyMCE中的相同function）如果需要更多信息，或者我没有完全解释，请告诉我。 如果我可以开始正确的方向，我应该能够弄清楚如何构建需要应用的PHP函数…

感谢你的帮助！

Answer 1

首先，在您准备好提交“备忘录”之前，您不必向服务器发送任何内容 – 您可以使用javascript完成您所描述的所有编辑。

首先，您需要能够检索当前选定的文本。 你可以使用这样的东西：

var memoBox = document.getElementById("memo"); //get the memo input element var startIndex = memoBox.selectionStart, endIndex = memoBox.selectionEnd; //store the start and end of the user's selection var selectedText = memoBox.value.substring(startIndex,endIndex); //retrieve and store the selected text 

现在，假设您要添加指向所选文本的链接。 你可以写一个这样的函数：

 function addLinkToSelected() { var memoBox = document.getElementById("memo"); var startIndex = memoBox.selectionStart, endIndex = memoBox.selectionEnd; var selectedText = memoBox.value.substring(startIndex,endIndex); var linkURL = prompt("Link target: "); //ask the user for a link target var linkTag = ''; //construct a link tag memoBox.value = memoBox.value.substring(0,startIndex) + linkTag + selectedText + "" + memoBox.value.substring(endIndex+1); } 

现在，只需添加一个按钮并在单击时调用该函数：

我不确定这是否是您正在寻找的，所以请随意添加更多细节。 我已经创建了一个jsfiddle ，你可以查看一个有效的例子。

Answer 2

你可以使用javascript的link()函数将文本转换为超文本链接

恩。

 function addLink() { var memoBox = document.getElementById("memo"); alert(memoBox.link(memoBox)); }