Редактор Froala WYSIWYG не отображается в браузере

У меня возникла проблема, когда я правильно загружаю файлы JS и CSS для редактора Froala, но для некоторых Причина, по которой я считаю, что где-то есть скрипт 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>

javascript jquery froala
person cphill    schedule 18.10.2014    source источник
comment
Вы должны проверить, какую ошибку вы получаете в консоли JS, и начать оттуда.   -  person st3fan    schedule 19.10.2014
comment
Привет @ st3fan, в консоли JS нет ошибки.   -  person cphill    schedule 22.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы инициализируете встроенный редактор вместо основного, и поэтому вы ничего не видите. Вы должны использовать $('#blog-editor').editable({inlineMode: false}).

person st3fan    schedule 22.10.2014
comment
эй @ st3fan, даже если для inlinemode установлено значение false, я все еще вижу неправильные стили и никаких ошибок в моей консоли. - person cphill; 28.11.2014