Froala编辑器2基本初始化未捕获的TypeError:undefined不是函数

时间:2015-10-04 04:15:26

标签: javascript jquery froala

我只是按照froala文档并使用metronic将其与当前布局混合。

这是我的css订单。

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/global/css/components-md.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="assets/global/css/plugins-md.css" rel="stylesheet" type="text/css"/>
<link href="assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css"/>
<link href="assets/admin/layout2/css/themes/grey.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="assets/coeg-editor/css/froala_editor.min.css" />
<link rel="stylesheet" type="text/css" href="assets/coeg-editor/css/froala_style.min.css" />

这是我的JS订单

<script src="assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="assets/admin/layout2/scripts/layout.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/coeg-editor/js/froala_editor.min.js"></script>
<script>
$(function() {
   Metronic.init(); // init metronic core componets
   Layout.init(); // init layout
   $('a[href="{{ Request::url() }}"]').parent().addClass('active');
   $('textarea#content').editable({inlineMode: false});
});
</script>

我在Uncaught TypeError: undefined is not a function

处得到$('textarea#content').editable({inlineMode: false});

但如果我评论$('textarea#content').editable({inlineMode: false});部分,则没有错误。

我该如何解决?

1 个答案:

答案 0 :(得分:1)

请参阅https://www.froala.com/wysiwyg-editor/v2.0/docs/migrate-from-v1以了解相关信息 froalaEditor() 代替 可编辑的()

不要介意包含示例的html仍使用v1语法而不是v2:D