-1

http://webwrinkle.com/

上記の Web アドレスに基本的なフォームを作成しました。ユーザーがフォーム内の選択したテキストに javascript または jquery 関数を適用できるようにするオプションが必要です。php ファイルなので、情報はデータベースに入り、ページに html として出力されます。

ユーザーがフォームに入力されたテキストを選択し、ボタンを介して機能を適用し、ボタンに関連付けられた機能が選択したテキストの両端にリンクタグを入力して、選択したテキストを投稿されたクリック可能なWebリンクにすることを考えていました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

javascript の関数を使用link()して、テキストをハイパー テキスト リンクに変換できます。

元。

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