使用 JavaScript 初始化 bootstrap-markdown 并自定义选项
Initializing bootstrap-markdown with JavaScript and customizing the options
我正在尝试使用bootstrap-markdown,除了我无法通过JavaScript调用插件之外,一切正常。例如:
$("#content").markdownEditor({
autofocus: false,
savable: false,
iconlibrary: 'fa',
resize: 'vertical',
additionalButtons: custom_buttons, // an array defining custom commands
onPreview: function (e) {
var content = e.getContent();
console.log('content', content);
}
});
有没有人知道可能是什么情况?在网络或存储库的 github 页面上找不到任何有用的内容。是的,我已经包含了文档中根本没有提到的markdown.js
和to-markdown.js
,但无论如何都可以快速找到。
我现在需要的只是调用编辑器,添加几个自定义工具栏按钮(图像上传、代码块插入等(并完成它。
代码片段,链接和现场小提琴非常受欢迎:)
出于某种原因,更改脚本引用的顺序可以解决此问题。
这是现在的顺序:
-
lib/markdown.js
-
lib/bootstrap-markdown.js
, -
lib/to-markdown.js
这是我的初始化:
$(function () {
var custom_buttons = [[
{
name: "insertCode",
data: [{
name: "cmdInsertCode",
toggle: "toggle",
title: "Insert Code",
icon: "fa fa-fire",
callback: function (e) {
var selected = e.getSelection(),
content = e.getContent();
// e.replaceSelection(chunk);
// var cursor = selected.start;
//e.setSelection(cursor, cursor + chunk.length);
console.log('cmdInsertCode clicked');
}
}]
}
]];
$("#content").markdown({
autofocus: false,
savable: false,
iconlibrary: 'glyph',
resize: 'vertical',
additionalButtons: custom_buttons,
onShow: function (e) {
console.warn('e:editor shown');
}
});
});
赞美:godmode:
相关文章:
- 使用自定义选项从控制台运行JSlint
- 在 magento 中使用多个价格,但在更改自定义选项时不会更新
- Magento自定义选项-清除输入字段问题
- Appcelerator 中的自定义选项卡栏 - 如何返回到根窗口
- 自定义选项卡在单击时跳到顶部
- 使用 JavaScript 初始化 bootstrap-markdown 并自定义选项
- 自定义选项更新 Magento 产品图像
- 自定义选项值取决于屏幕尺寸
- 将产品自定义选项值保存到 js 文件
- 如何使用引导组合框创建自定义选项
- 我可以将Javascript代码注入Chrome自定义选项卡吗
- 使用JS逻辑从自定义选项构建URL链接
- 如何将自定义选项添加到ng选项输出中
- 如何创建带有自定义选项输入的选择下拉列表
- Facebook js-sdk添加选项卡对话框,是否有一种方法可以让用户键入自定义选项卡名称
- 如何在Wordpress中自定义选项卡
- 是否可以使用一些自定义选项调用$('form').validationEngine('valid
- Angular Select Dropdown带有一个选项,允许用户添加自定义选项
- 需要在烬选择中添加一个自定义选项
- 现场服务计划板中的自定义选项卡