Javascript Froala所见即所得编辑器未出现在浏览器中_Javascript_Jquery_Froala

Javascript Froala所见即所得编辑器未出现在浏览器中

javascript jquery

Javascript Froala所见即所得编辑器未出现在浏览器中,javascript,jquery,froala,Javascript,Jquery,Froala,我遇到了一个问题，我正在为编辑器正确加载JS和CSS文件，但出于某种原因，我相信jQuery脚本的某些地方并没有采用我的形式，并用正确的CSS样式替换它以下是我的观点（#博客编辑器是我想使用编辑器的地方）：博客创建标题：作者：康纳·菲利普斯类别：分析/搜索引擎优化/扫描电镜忠告程序设计思想标语：内容：标签： $（函数（）{ $（“#博客编辑器”）.editable（） }); 您正在初始化内联编辑器而不是基本编辑器，这就是为什么您什么也看不到的原因。你应该使用

我遇到了一个问题，我正在为编辑器正确加载JS和CSS文件，但出于某种原因，我相信jQuery脚本的某些地方并没有采用我的形式，并用正确的CSS样式替换它

以下是我的观点（#博客编辑器是我想使用编辑器的地方）：


博客创建
标题：

作者：
康纳·菲利普斯


类别：
分析/搜索引擎优化/扫描电镜
忠告
程序设计
思想


标语：

内容：



标签：

$（函数（）{
$（“#博客编辑器”）.editable（）
});

您正在初始化内联编辑器而不是基本编辑器，这就是为什么您什么也看不到的原因。你应该使用

$（“#blog editor”）.editable（{inlineMode:false}）。

你应该检查你在JS控制台中得到的错误并从那里开始。嘿@st3fan在JS控制台中没有错误。嘿@st3fan，即使inlineMode设置为false，我仍然在控制台中看到错误的样式和错误。

<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>