1

SCEditorを使用しており、このページで指定された絵文字オプションに従って、独自のカスタム絵文字を設定しようとしています。

だから私はそれを次のように呼んだ：

$(document).ready(function() {

    $(".sceditor").sceditor({
        // Other options
        emoticons: $.getJSON('../../images/emoticons/default/emoticons.json'),
        emoticonsRoot: '../../images/emoticons/default/'
    });

})

それから私のemoticons.jsonファイルにはこれがあります：

{
    dropdown: {
        ':)': 'emoticons/smile.png',
        ':angel:': 'emoticons/angel.png',
        ':angry:': 'emoticons/angry.png'
    }
}

しかし、それは機能していません。NETブラウザでパネルを確認し、ファイルが正常に取得されていることを確認しましたが.json、エディターでクリックしてスマイリー ウィンドウを開くと空白です (表示されるのは「詳細」リンクだけです)。

ここで何か間違ったことをしていますか？

4

3 に答える 3

0

json ファイル内のテキストの上に表示される Json lint が無効です。

これをjsonファイルに入れてみてください

{
    "dropdown": {
        ":)": "emoticons/smile.png",
        ":angel:": "emoticons/angel.png",
        ":angry:": "emoticons/angry.png"
    }
}

私はphpでこれを試しました

$a = '{
    "dropdown": {
        ":)": "emoticons/smile.png",
        ":angel:": "emoticons/angel.png",
        ":angry:": "emoticons/angry.png"
    }
}' ;
print_r(json_decode($a));

出力

Array
(
    [dropdown] => Array
        (
            [:)] => emoticons/smile.png
            [:angel:] => emoticons/angel.png
            [:angry:] => emoticons/angry.png
        )

)
于 2015-06-11T10:41:30.063 に答える
0

私はあなたのリンクで試しました。以下は私のコードです：

$(function() {
        // Replace all textarea's
        // with SCEditor
        $("textarea").sceditor({
            plugins: "bbcode",
            style: "plugins/SCEditor/development/jquery.sceditor.default.css",
            emoticons: {
                // Emoticons to be included in the dropdown
                dropdown: {
                    ":)": "emoticons/smile.png",
                    ":angel:": "emoticons/angel.png"
                },
                // Emoticons to be included in the more section
                more: {
                    ":alien:": "emoticons/alien.png",
                    ":blink:": "emoticons/blink.png"
                },
                // Emoticons that are not shown in the dropdown but will still
                // be converted. Can be used for things like aliases
                hidden: {
                    ":aliasforalien:": "emoticons/alien.png",
                    ":aliasforblink:": "emoticons/blink.png"
                }
            },
            emoticonsRoot: "plugins/SCEditor/"
        });
    });

この上で、コードが間違っている理由を知っているかもしれません。jQuery.getJSONとは反対に、 $.getJSON は Json オブジェクトではなく JQXHR を返します。そのため、絵文字を表示することはできません。

于 2015-06-11T10:44:24.940 に答える