javascript - Trumbowyg 轻量级富编辑器 svg 图标未显示

标签 javascript svg trumbowyg

我想知道是否有人处理过这个插件:http://alex-d.github.io/Trumbowyg/

我相信我做的一切都是对的。唯一的问题是 svg 图标没有显示出来?

$('#trumbowyg-demo').trumbowyg({
  svgPath: 'my-path-to-icons' //doesn't event work
});

icons.svg 文件是否正确——来自下载?

这是显示的内容

enter image description here

最佳答案

我遇到了同样的问题。我的问题在于我使用的是 ajaxPrefilter。为 icons.svg 请求禁用它解决了它。尝试在 trumbowyg js 文件中的以下 get 方法中放置一个断点,然后查看 ajax 请求是否完成。这就是我找到问题解决方案的方式

$.get(svgPath, function (data) {
    div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
});

关于javascript - Trumbowyg 轻量级富编辑器 svg 图标未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45468568/

相关文章:

javascript - 如何让nodejs在没有端口号的情况下在Apache服务器上运行

javascript - Vue.js 工作流程(从 Vue.js 1 到 2)

html - 内部和外部 SVG 的剪辑路径

javascript - 带有按钮的面板不会出现在 trumbowyg 插件上

javascript - 在选择渲染不同形式的reactjs

javascript - jQuery css 选择器匹配表单数组名称

javascript - 添加到 DOM 后 Safari 不更新

javascript - 如何从模板添加 SVG g 元素?

javascript - 无法加载 <资源> : No 'Access-Control-Allow-Origin' header is present on the requested resource