解决Editor.md中Github emoji图片无法显示的办法

最新推荐文章于 2023-06-07 15:26:42 发布
最新推荐文章于 2023-06-07 15:26:42 发布
阅读量394 收藏 1
点赞数
分类专栏： BUG 笔记 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljavai/article/details/128372613
版权
笔记 同时被 2 个专栏收录
16 篇文章 0 订阅
订阅专栏
BUG
5 篇文章 0 订阅
订阅专栏

 

如果你是出现了这种问题，先右键看看控制台是不是这种原因，

 

 如果是上图原因，大概率是路径写错了，虽然网上有分享是怎么解决的，但是我用了都没有解决我的问题，看来这篇文章，顺着他的思路我解决了Editor.md使用注意事项-蒲公英云

首先，先看我的项目结构

 

 

这样改就可以了，运行成功截图如下，鼠标悬停在上面能显示出来图片，就证明你的路径是写对了 

 总结：

下载emoji--复制进入项目--引入css、js--更改路径--问题解决  

LJAVAI
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Editor.md 的简单使用 tp5（emoji表情加载）
小周周i的博客
01-18 2657
下载安装 Editor.md，放在public/static目录下 关于emoji表情加载不出来，下载emoji插件，放在plugins/emoji-dialog目录下 修改文件中emoji的路径 editormd.emoji = { // path : "http://www.emoji-cheat-sheet.com/graphics/emojis/...
editor.md的使用（解析出来的html在网页显示））
08-24 8486
源码位于：https://github.com/pandao/editor.md 这个js就是进行markdown进行编辑的，并且能够实施显示，一个demo界面如下图： 左侧为markdown语法内容，右侧显示出具体展示。 获取编辑的html的方法是 getMarkdown() 和 getHTML()，作者的文档里也提供了markdown语法内容直接显示出来的例子： <div ...
editor.md中使用的github emoji 表情图片
12-20
editor.md中使用的github emoji 离线表情包图片，用于解决无法加载的问题
editor.md上传本地图片，解决表情包不显示的问题
weixin_46085253的博客
01-15 566
editor.md的一些使用心得
解决editormd不能显示emoji问题
m0_57122083的博客
08-16 580
原因 emoji使用了https://www.webpagefx.com链接的资源，但是由于改网站服务变更，导致不能使用。 现象 使用markdown编辑文本，想插入emoji发现，插入不能显示出图形，只能显示字符串；对话框里面也只是显示字符串；插入字符串，编辑器里面只能出现字符，不能显示图片，预览也没有emoji图片。 查找根源 打开浏览器的调试功能，发现加载emoji的png文件不能加载资源。试了一下改网站，自己没有能找到服务方式。看来该网站不支持了。 解决办法 ： 查找webfx发现在editor
续前面：解决了editormd不能正常显示emoji问题
m0_57122083的博客
08-17 780
昨天发文，发现直接通过pip 下载的markdown-editor编辑器（editormd.js @version v1.5.0） 不能使用emoji。经过调试是web-fx网站不支持链接emoji资源，所以需要重新找到了新的链接资源。 后来我在git-hub上发现有emoji服务可以使用，但是服务调用方式与原来的editormd上不一样。 原资源使用路径：https://www.webpagefx.com/tools/emoji-cheat-sheet/graphics/emojis/ 新资源使
解决Editor.md中Github emoji图标无法显示的问题
siriva的博客
06-26 5660
解决Editor.md中Github emoji图标无法显示的问题
editormd 踩坑----图片上传成功无法回显
我真的不想继续爆零了啊的博客
12-08 1611
首先夸一波 editormd ，开源又好用。 接下来直奔主题！！！ 关于 editormd 图片路径回显的问题网上有很多博客，这里就不重复讲了，这里重点讲的是浏览器安装了插件（比如某雷下载助手） 这货坑了我一晚上。。。。 当我们点击本地上传，选好图片几点确定的时候，如果你的配置没有错误的话那应该能够回显上传路径。 如果你的配置都没有错结果无法回显路径的时候，这时候注意了，看看你的浏览器是否装了第三方插件，如果是的话，最简单的处理方法就是关掉插件。 但是！！！！ 我既想用插件又想用 editormd 那
Editor.md Markdown编辑器-其他
06-12
Editor.md是一个可嵌入的开源Markdown在线编辑器组件，你可以很方便用在浏览器、NW.js（Node-webkit）等地方，基于CodeMirror、jQuery和Marked构建。 主要特性： 1、支持“标准”Markdown和Github风格的语法，也可...
基于Editor.MD的Flask图片实现
weixin_43566853的博客
11-25 489
#Editor.MD的Flask图片上传实战 继上篇 基于Flask的Markdown编辑器实践选择的Editor.MD为博客提供的MarkDown编辑器自带图片上传接口，如果不使用Flask-Uploads的话也是很简便的。这篇相当于上篇的一个补充和拓展。 在html里添加这三行：imageUploadURL里填后面用的上传路由 &lt;script type="text/javascri...
emoji-cheat-sheet.com, 在Campfire和GitHub上，有一个用于表情符号的寻呼机.zip
09-18
emoji-cheat-sheet.com, 在Campfire和GitHub上，有一个用于表情符号的寻呼机 A one pager listing the different emoji emoticons supported on Campfire, GitHub, Basecamp next, Redbooth, Trac, Flowdoc
react集成editor.md
qq_23069767的博客
10-18 2871
1.父组件jsx文件引用下面的子组件jsx文件 2.父组件jsx文件具体使用：&amp;amp;lt;Editor.EditorShow config={{ markdown: // testEditor.getMarkdown().replace(//g, '\\’) ## Test \`` console.log(‘what can i do for you’) ``` # 123123` ...
解决Editor.md上传图片获取不到图片地址问题
ffella的博客
06-17 426
Editor.md图片上传获取不到图片地址，Editor.md图片上传iframe存在跨域情况，几经调试都不好用，最后采取替代方案，还不存在跨域情况。 最近项目中要支持markdown 编辑器，现在基本做技术的没有不知道Markdown 的，因为实在是太强大了，只需要了解很简单的几个操作，即可编辑非常优美的文章，包括TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 ，不在让你浪费时间在格式的调整。...
THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示
最新发布
xxxPHP_er的博客
06-07 356
THINKPHP框架中引入Markdown编辑器的实例和注意事项，以及前端展示Markdown格式内容、Github emoji图标无法显示的问题。
editor.md显示编辑框及图片上传心得（非常详细）
ELOVINFG的博客
11-13 5613
一、.md在网页上显示编辑器 先去官网下载editor.md的资源文件：eidtor.md官网 将下载好的editormd文件夹重命名为editormd，并放在网站的根目录下面，然后新建markdown.html文件，用作显示。 在markdown.html中输入以下内容用做显示编辑器，注意资源引用的路径哦，参考我的项目结构中引用的具体资源，再根据你项目结构，自行调整 <!DOCTYP...
一款好看的markdown编辑器：md-editor-v3
pscool的博客
05-27 7214
codeMirrorExtensions: 根据主题和内部默认的 codeMirror 扩展自定义新的扩展。监听编辑器内部状态，包括：屏幕全屏、浏览器全屏、预览文本、预览 html、目录等。编辑器暴露了若干方法在组件实例上，用来快捷监听编辑器内部状态或对调整内部状态。注意：粘贴板上传时，如果是网页上的 gif 图，无法正确上传为 gif 格式！editorExtensions: 类型如下，用于配置编辑器内部的扩展。以便生成的内部目录能够正确导航。使用示例：编辑器默认不显示输入框的行号，需要手动添加扩展。
md-editor-v3 使用注意事项
Y_Z233的博客
03-09 2090
一、入门 1.1 安装 yarn add md-editor-v3 npm install md-editor-v3 --save 二、vue3 + ts 使用 TODO 标记待完善部分 <template> <MdEditor class="c-markdown" v-model="modelValue" :previewOnly="previewOnly" :language="language" :languageUserDefin
md-editor-v3拓展工具栏失效的问题
eyes++的博客
07-29 1342
组件只给了一个html结构，但没有提供css，这个需要自己去写，看到这里我就已经放弃了，这玩意儿浪费了我太多时间，还要我自己去写css，而且搞到现在，js功能都还有bug，但我已经懒得去看了，改用v-md-editor去了，v-md-editor内置emoji。因为最近在写一个项目，需要用到emoji表情，所以想着用md-editor-v3去拓展一下，官方其实也给了文档，但是恕我直言，官方文档没有一个完整的示例，全是片段，也没搜到关于拓展emoji的文章，导致我花了大量的时间解决bug。...
md-editor-v3 markdown编辑器
katsuki_chan的博客
09-08 2059
vue3中使用md-editor-v3 markdown编辑器及showdown方式将markdown转换为html
用Java做一个md编辑器,Markdown 编辑器Editor.md简单集成
05-12
要用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的功能。当然，还需要实现一些逻辑来获取编辑器中的内容并进行解析和保存等操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值