Comments (2)
补充
使用HTML标签语法会导致内容变形
![image](https://private-user-images.githubusercontent.com/8952687/286148601-aa493420-104a-4aa1-b3c4-be8754974816.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY5NDEwNjksIm5iZiI6MTcxNjk0MDc2OSwicGF0aCI6Ii84OTUyNjg3LzI4NjE0ODYwMS1hYTQ5MzQyMC0xMDRhLTRhYTEtYjNjNC1iZTg3NTQ5NzQ4MTYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUyOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MjhUMjM1OTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjIzZjJlNTg3NDIxNWE2NzU5ZjExOWY1MzgyN2FiNDliZmFiYmY1MzczMDgzNDNkZmQwOGVkYmVhMTA1MWQxMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.ouOstW4k0vsj7dh725--h1M41QWNCzo5AbtQMHuF36Y)
![image](https://private-user-images.githubusercontent.com/8952687/286148645-af531e97-80d4-438e-9301-3bbcfe1412bd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY5NDEwNjksIm5iZiI6MTcxNjk0MDc2OSwicGF0aCI6Ii84OTUyNjg3LzI4NjE0ODY0NS1hZjUzMWU5Ny04MGQ0LTQzOGUtOTMwMS0zYmJjZmUxNDEyYmQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUyOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MjhUMjM1OTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDZhYTRkNjhjMmEwZDRiZDU4Zjk4MTU3NDA1ZTg1YzI1ZTJiYzcxMmM1NjcxMzAyMDY4ZTU0OTI2ZjhhMDFmMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.vvhRIaUMq3-mZIr-omH0vy50f8KS65KzmHuSVyUXS3M)
from plugin-hybrid-edit-block.
markdown 中使用 ![]()
语法是不能并排显示两个的,此插件也并不支持 ![]() ![]()
这种写法,因此需要使用到 html 才可以。
例如如下语法:
<figure style="display: flex; justify-content: space-around">
![Static Badge](https://img.shields.io/badge/1Panel-v1.8.3-green?style=flat&logoColor=yellow&label=1Panel&labelColor=blue&color=green&cacheSeconds=3600&link=https%3A%2F%2F1panel.cn%2F)
![Static Badge](https://img.shields.io/badge/OpenResty-1.21.4.3-blue?style=flat&logoColor=yellow&label=OpenResty&labelColor=blue&color=green&cacheSeconds=3600&link=https%3A%2F%2F1panel.cn%2F)
</figure>
或者另一种方法是使用 markdown 的 table 语法,也可以做到,就不赘述了。
但似乎目前 markdown 编辑器无法二次渲染 HTML 内容。这个倒是一个新问题,我会重开一个 issue。
from plugin-hybrid-edit-block.
Related Issues (6)
- Markdown的目录无法正确跳转 HOT 1
- Markdown 编辑器无法重新渲染 HTML 内容 HOT 1
- Markdown 编辑块仅使用 br 时会报错 HOT 1
- markdown内容块Task list保存后方括号被清除 HOT 2
- 分栏卡片里插入代码块,气泡被遮挡 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from plugin-hybrid-edit-block.