使用 editor.md 这个Markdown编辑器。但是在整合到自己开发的系统的过程中,使用Chrome没什么大问题,但是在Firefox,Opera和IE的时候,发现除了 H1-H6 外所有的图标都是不能显示的。
时间: 2024-06-08 21:08:26 浏览: 13
这个问题可能是由于浏览器的兼容性问题导致的。你可以检查以下几点:
1. 确认你引入的 editor.md 文件版本是否是最新的,最好使用官方提供的CDN链接,在这里你可以找到最新版本的CDN链接:https://cdn.jsdelivr.net/npm/editor.md@1.x.x/dist/
2. 检查你的浏览器是否支持 font-awesome 字体库。editor.md 中的图标是通过 font-awesome 实现的,如果你的浏览器不支持 font-awesome,则会出现图标无法显示的问题。可以在 font-awesome 官网上查看浏览器支持情况:https://fontawesome.com/v4.7.0/get-started/
3. 如果以上两点都没有问题,那么可能是你的浏览器缓存了一些旧的文件,可以尝试清除浏览器缓存,重新加载页面。
希望以上方法能够解决你的问题。
相关问题
使用editor.md 这个Markdown编辑器整合到自己开发的系统的过程中,除了 H1-H6 外所有的图标都是不能显示的。
这个问题可能是因为 editor.md 中的 font-awesome 图标字体文件没有正确引用导致的。你可以尝试检查一下以下两个方面:
1. 检查 font-awesome 字体文件是否正确引用
在 editor.md 的源码中,一般会有一个 `lib` 或 `assets` 目录,里面包含了一些静态资源文件,其中就包括了 `font-awesome` 字体文件。
首先请确保 `font-awesome` 的字体文件已经正确引入到你的页面中了。你可以在你的 HTML 文件中加入以下代码:
```html
<link rel="stylesheet" href="/path/to/editor.md/lib/font-awesome/css/font-awesome.min.css">
```
其中,`/path/to/editor.md` 是你引入 editor.md 的路径。
2. 检查 font-awesome 的字体文件路径是否正确
如果你确认已经正确引入了 `font-awesome` 的字体文件,但是图标仍然无法显示,那么很可能是字体文件路径不正确。你可以在浏览器开发者工具中查看一下请求字体文件时的路径是否正确。
如果路径不正确,你可以尝试手动修改字体文件的路径,让其指向正确的位置。你可以在 `font-awesome.min.css` 文件中找到以下代码:
```css
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
```
其中,`../fonts/` 是字体文件的相对路径。你可以根据实际情况手动修改这个路径,使其指向正确的字体文件位置。
另外,如果你使用的是 editor.md 的压缩版文件,那么需要在压缩时将 `font-awesome` 的字体文件也包含进去。
用Java做一个md编辑器,Markdown 编辑器Editor.md简单集成
要用Java开发一个Markdown编辑器,可以使用JavaFX图形化界面库来实现。而要集成Editor.md,可以在JavaFX中嵌入WebView组件,然后加载Editor.md的HTML页面即可。
以下是实现步骤:
1. 在JavaFX中创建一个WebView组件
```
WebView webView = new WebView();
```
2. 通过WebView组件加载Editor.md的HTML页面
```
String htmlContent = "<html><head><link rel=\"stylesheet\" href=\"https://pandao.github.io/editor.md/css/editormd.min.css\"/></head><body><textarea id=\"editor\"></textarea><script src=\"https://pandao.github.io/editor.md/lib/marked.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/prettify.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/raphael.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/underscore.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/sequence-diagram.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/flowchart.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/jquery.min.js\"></script><script src=\"https://pandao.github.io/editor.md/editormd.min.js\"></script><script type=\"text/javascript\">var testEditor = editormd(\"editor\", {});</script></body></html>";
webView.getEngine().loadContent(htmlContent);
```
3. 将WebView组件添加到JavaFX的场景中
```
Scene scene = new Scene(webView);
stage.setScene(scene);
stage.show();
```
这样就可以实现一个简单的Markdown编辑器,并集成了Editor.md的功能。当然,还需要实现一些逻辑来获取编辑器中的内容并进行解析和保存等操作。
相关推荐
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)