-1

http://webwrinkle.com/

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

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

感谢你的帮助！

4

2 回答 2

2

首先，在您准备好提交“备忘录”之前，您不必向服务器发送任何内容——您可以完全使用 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，您可以在其中查看一个工作示例。

于 2013-06-12T06:04:42.107 回答
1

您可以使用link()javascript 的功能将文本转换为超文本链接

前任。

function addLink() {
    var memoBox = document.getElementById("memo");
    alert(memoBox.link(memoBox));
}
于 2013-06-12T06:01:17.830 回答