4

これは、ckeditor でメンションのようなものを探している人を助けるためのものです。

jquery.mentionsInput を変更して、ckEditor および .. と連携するようにしました。動作しています :)

これはオンラインで見ることができます: http://jsfiddle.net/us6qo3Lc/ (タイプ: @ken)

<head>
    <meta charset="utf-8">
    <script src="jquery-1.11.0.min.js"></script>
    <script src="ckeditor.js"></script>
    <link href="sample.css" rel="stylesheet">

    <link href='jquery.mentionsInput.css' rel='stylesheet' type='text/css'>
    <script src='underscore-min.js' type='text/javascript'></script>

    <script src='autocomplete.js' type='text/javascript'></script>
</head>
<body>
    <form action="sample_posteddata.php" method="post">
        <textarea class="mention" cols="80" id="editor1" name="editor1" rows="10">
            teste <b>teste</b> teste <em>teste</em> teste
        </textarea>
        <p style="overflow: hidden">
            <input style="float: left" type="submit" value="Submit">
        </p>
    </form>
</body>
</html>

autocomplete.js は私が作成したコードで、フィドルにあります。

時間と知識のある誰かがコードを改善し、おそらくこれを使用して特定のプラグインを作成する場合..コミュニティ全体が気に入ると思います.

私はコードが混乱していることを知っています..それを改善する余地があります:)

これが誰かの助けになることを願っています..ありがとう:)

4

1 に答える 1

2

私もこれに興味があるので、最初のステップとして、jquery.mentionsInput.js からのすべてのコメントをソースに追加し直しました。

http://jsfiddle.net/45k0ypwr/1/

埋め込みサンプルとして追加しようとしましたが、stacksnippets.net が気に入らない

<form action="sample_posteddata.php" method="post">
    <textarea class="mention" cols="80" id="editor1" name="editor1" rows="10">
        teste <b>teste</b> teste <em>teste</em> teste
    </textarea>

    <p style="overflow: hidden">
        <input style="float: left" type="submit" value="Submit">
    </p>
</form>
于 2016-08-30T15:02:18.607 に答える