1

Froalaエディター用に JS ファイルと CSS ファイルを正しく読み込んでいるという問題が発生していますが、何らかの理由で jQuery スクリプトがどこかにあると思われます。フォームが取得されず、正しい CSS スタイルに置き換えられません。

これが私のビューです（#blog-editor は、エディターを使用したい場所です）：

<html>
<head>
    <% include ../partials/head %>
    <script src="/js/froala_editor.min.js"></script>
</head>

<body>

    <header>
        <% include ../partials/header %>
    </header>

    <div class="grid grid-pad">
        <div class="col-1-1">
            <h1>Blog Create</h1>


            <form action="/admin/posts/create" method="POST">
                Title: <input type="text" name="title"><br>
                Author: 
                    <select name="author">
                        <option value="Author">Connor Phillips</option>
                    </select><br>
                Category: 
                    <select name="category">
                        <option value="Analytics/SEO/SEM">Analytics/SEO/SEM</option>
                        <option value="Advice">Advice</option>
                        <option value="Programming">Programming</option>
                        <option value="Thoughts">Thoughts</option>
                    </select><br>
                Tagline: <input type="text" maxlength="160" name="tagline"><br>
                Content:<br>
                <textarea name="content" id="blog-editor" rows="10" cols="80">

                </textarea><br>
                Tags: <input type="text" name="tags"><br>
                <input type="submit" value="Submit">
            </form>
        </div>
    </div>

    <script>
    $(function() {
        $('#blog-editor').editable()
    });
</script>

    <footer>
        <% include ../partials/footer %>
    </footer>

</body>
</html>
4

1 に答える 1

0

基本的なエディタではなくインライン エディタを初期化しているため、何も表示されません。使用する必要があります$('#blog-editor').editable({inlineMode: false}).

于 2014-10-22T20:49:03.080 に答える