将功能应用于所选文本

apply function to selected text

本文关键字：文本 应用于 功能      更新时间：2023-09-26

http://webwrinkle.com/

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

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

感谢您的帮助！

首先，在你准备好提交"备忘录"之前，你不应该向服务器发送任何东西——你可以完全用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 = '<a href="'+linkURL+'">'; //construct a link tag
    memoBox.value = memoBox.value.substring(0,startIndex) + linkTag 
                   + selectedText + "</a>" + memoBox.value.substring(endIndex+1);
}

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

<input type="button" value="add link" onclick="addLinkToSelected()" />

我不确定这是否是您正在寻找的，因此请随时添加更多详细信息。 我创建了一个jsfiddle，您可以在其中查看一个工作示例。

您可以使用JavaScript link()函数将文本转换为超文本链接

前任。

function addLink() {
    var memoBox = document.getElementById("memo");
    alert(memoBox.link(memoBox));
}
相关文章：