1

コードが ^1 のようにテキストエリアに入力されると、そのコードの後のテキストのフォントの色を ^1 が割り当てられている色に変更したい、

今のところ、私は次のものを持っています：

<form method="post" action="index.php">
<textarea id="text" onkeypressed="changecolor()"></textarea>
<input type="submit" value="Add">
</form>

JavaScript:

function changecolor() { //code here }

したがって、基本的に ^1 と入力し、そのコードに青色が割り当てられている場合、そのコードの後のテキストは青色になりますが、2 番目のコードを入力すると; 例 ^2 その後のテキストは、そのコードに割り当てられた色になります。

データベースにデータを挿入する方法はよく知っていますが、生データを取得する方法を見つける必要があります。つまり、元は ^1 や ^2 のようなコードでテキストエリアに入力されたデータです。

助けていただければ幸いです。

4

1 に答える 1

0

テキストエリア内のテキストの特定の断片をターゲットにすることはできません。あなたがやりたいことは、そのコンテンツを監視し、抽象 div レイヤーを追加してスタイル付きの html を出力しない限り、私の知る限りでは実行できません。多くの wysiwyg テキスト エディターは、このようにするか、'contenteditable' 属性を使用して、最新のブラウザーでの html 編集を許可します...次のように開始できます。

<script type="text/javascript">
    var display, input, displayHtml;
    function init(){
       display = document.getElementById('display');
       input = document.getElementById('input');
    }
    function onContentChange(){
        displayHtml = parseContent(this.value);
        display.innerHtml = displayHtml;
    }
    function parseContent(text){
        var html = ... // Generate html according to content
        return html;
    }
    document.onload=init;
</script>

html:

<textarea id='input' onkeypress="javascript:onContentChange" />
<div id='display'></div>
于 2012-09-16T10:31:16.873 に答える