將功能應用於選定的文本

-1

我在上面列出的網址上有一個基本的表格。我希望用戶的選項能夠將JavaScript或jquery函數應用於表單中的選定文本。是一個PHP文件，所以信息將進入數據庫，然後在頁面中輸出爲HTML。

我在想，用戶可以選擇輸入到表單中的文本，通過按鈕應用功能，並且與按鈕綁定的功能會在所選文本的兩端輸入鏈接標籤，以使所選文本成爲可點擊的在張貼的PHP頁面上的weblink。（TinyMCE中的相同功能）如果需要更多信息，或者我沒有完全解釋，請告訴我。我應該能夠弄清楚如何建立需要應用的PHP功能，如果我可以開始朝着正確的方向發展...

感謝您的全力幫助！

來源

2013-06-12 user1075004

你究竟想要做什麼？ –

如果我要在textarea中輸入一個web鏈接（沒有標籤），然後單擊一個按鈕，該按鈕會在我輸入到textarea中的地址的每一側添加一個標籤，使其成爲一個實際可點擊的鏈接目標頁面。 – user1075004

我想它會是JavaScript或jQuery，因爲它需要添加一個標籤之前，它被輸入到數據庫中。（預服務器端） – user1075004

那麼首先，你不應該有，直到你準備提交的「備忘錄」，以送什麼東西給服務器 - 你可以做你的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-12 06:04:42 nondefault

你可以使用JavaScript的link()函數將文本轉換爲超文本鏈接

前。

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

來源

2013-06-12 06:01:17

。我在表單域中輸入文本，然後選擇其中的一部分，單擊按鈕，並在每一側輸入標籤？例如 – user1075004

，我輸入www.webwrinkle.com，點擊按鈕，標籤在雙方輸入？ – user1075004

是的，你輸入www.webwrinkle.com，點擊按鈕後，標籤在雙方輸入，例如查看編輯的答案... –

將功能應用於選定的文本

回答

相關問題