日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁 > 科技  > 軟件

為了讓用戶一鍵遷移MD到Nocode/WEP知識(shí)庫, 我寫了一個(gè)MD引擎

來源: 責(zé)編: 時(shí)間:2024-07-23 16:39:29 295觀看
導(dǎo)讀嗨,大家好,我是徐小夕。之前一直在社區(qū)分享零代碼&低代碼的技術(shù)實(shí)踐,也陸陸續(xù)續(xù)設(shè)計(jì)并開發(fā)了多款可視化搭建產(chǎn)品,比如:H5-Dooring(頁面可視化搭建平臺(tái))V6.Dooring(可視化大屏搭建平臺(tái))橙子6試卷(表單搭建引擎)Nocode/WEP 文檔知

嗨,大家好,我是徐小夕。U4R28資訊網(wǎng)——每日最新資訊28at.com

之前一直在社區(qū)分享零代碼&低代碼的技術(shù)實(shí)踐,也陸陸續(xù)續(xù)設(shè)計(jì)并開發(fā)了多款可視化搭建產(chǎn)品,比如:U4R28資訊網(wǎng)——每日最新資訊28at.com

  • H5-Dooring(頁面可視化搭建平臺(tái))
  • V6.Dooring(可視化大屏搭建平臺(tái))
  • 橙子6試卷(表單搭建引擎)
  • Nocode/WEP 文檔知識(shí)引擎

最近有小伙伴反饋在Nocode/WEP平臺(tái)上能不能支持md導(dǎo)入, 這樣就能輕松將自己的MD文件遷移到平臺(tái)了.U4R28資訊網(wǎng)——每日最新資訊28at.com

我想了一下非常合理, 所以花時(shí)間研究了一下.U4R28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

因?yàn)槲易龅奈臋n編輯器是 blocks 設(shè)計(jì)思想(類似的實(shí)現(xiàn)比如飛書文檔, Notion等), 所以從 md 轉(zhuǎn)換成 blocks 模式還是有點(diǎn)小復(fù)雜的, 但是還是硬著頭皮, 寫了一個(gè)渲染引擎, 可以實(shí)現(xiàn) blocks 和 md 的相互轉(zhuǎn)換.U4R28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

簡單介紹一下我的文檔產(chǎn)品

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

Nocode/WEP 是我基于零代碼思想設(shè)計(jì)的一款 AI +  可視化文檔知識(shí)引擎.  它支持多模態(tài)內(nèi)容編輯, 類似飛書和Notion, 同時(shí)可以利用AI進(jìn)行輔助創(chuàng)作, 我們還能基于文檔一鍵生成CMS內(nèi)容站點(diǎn).U4R28資訊網(wǎng)——每日最新資訊28at.com

目前這款產(chǎn)品已經(jīng)開放, 大家可以免費(fèi)注冊使用.U4R28資訊網(wǎng)——每日最新資訊28at.com

體驗(yàn)地址: https://doc.dooring.vipU4R28資訊網(wǎng)——每日最新資訊28at.com

由于本文重點(diǎn)介紹MD引擎, 所以給大家介紹個(gè)大概即可, 如果大家想全面了解這款產(chǎn)品, 可以參考我往期的內(nèi)容:U4R28資訊網(wǎng)——每日最新資訊28at.com

  • 支持可視化可配置,AI+文檔引擎推薦

實(shí)現(xiàn)將文檔導(dǎo)出為Markdown

由于 Nocode/WEP 的文檔每個(gè)塊的數(shù)據(jù)結(jié)構(gòu)是如下結(jié)構(gòu):U4R28資訊網(wǎng)——每日最新資訊28at.com

{    "id": "2gTxw2-Zp5",    "type": "header",    "data": {        "text": "Demo站點(diǎn)優(yōu)化",        "level": 2    }}

但是導(dǎo)出為 MD 的結(jié)構(gòu), 需要適配MD的語法, 比如:U4R28資訊網(wǎng)——每日最新資訊28at.com

##  標(biāo)題[H5-Dooring](https://dooring.vip)> 引用內(nèi)容

所以我們就需要寫個(gè)MD轉(zhuǎn)換器, 來實(shí)現(xiàn) blocks流 到 MD文本 的轉(zhuǎn)換.U4R28資訊網(wǎng)——每日最新資訊28at.com

比如我要實(shí)現(xiàn) blocks 的圖片轉(zhuǎn) md 的圖片格式, 我需要一個(gè)工具函數(shù):U4R28資訊網(wǎng)——每日最新資訊28at.com

export function parseImageToMarkdown(blocks) {  return `![${blocks.caption}](${blocks.file.url} "${blocks.caption}")`.concat('/n');}

我們需要對(duì)文檔引擎的每一個(gè)塊組件做一個(gè)映射函數(shù), 最后封裝在MD解析引擎中, 來實(shí)現(xiàn)我們的blocks 到md的轉(zhuǎn)換, 這里給大家演示一下實(shí)現(xiàn)效果:U4R28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

比如說上面我用 Nocode/WEP 做的一個(gè)圖文并茂的文檔, 我們點(diǎn)擊導(dǎo)出為MD按鈕, 來看看生成的md的效果:U4R28資訊網(wǎng)——每日最新資訊28at.com

## 最近上線了MD文件的導(dǎo)入和導(dǎo)出功能這是一段文本,描述了一個(gè)<b>H5-Dooring</b>在<code class="inline-code">零代碼</code>中的應(yīng)用, 幫助我們輕松搭建專業(yè)級(jí)頁面.下面是一個(gè)鏈接:[H5網(wǎng)站制作平臺(tái)](https://dooring.vip "H5-Dooring是一款功能強(qiáng)大,專業(yè)可靠的H5可視化頁面配置解決方案,致力于提供一套簡單方便、專業(yè)可靠、無限可能的H5網(wǎng)站制作最佳實(shí)踐。")這里再展示一個(gè)項(xiàng)目列表:- 任務(wù)一 H5-Dooring- 任務(wù)二 V6.Dooring- 結(jié)束### 子標(biāo)題展示(圖片案例)![](https://cdn.dooring.cn/Fn-C3g5-j2_cmJXPqahXKkHF50ps "")我要展示一個(gè)音頻:<audio src="https://cdn.dooring.cn/llYlOJNTYNX8Ahwt8AKU3VjilfV3"></audio>我要展示一個(gè)視頻呢?<video src="https://fast.dooring.vip/system/%E9%A3%9E%E4%B9%A620230419-174032.mp4"></video>我要用分割線分割:---

導(dǎo)出的MD結(jié)構(gòu)還是非常友好的, 我們可以將MD 導(dǎo)入到其他平臺(tái), 來實(shí)現(xiàn)跨平臺(tái)共享.U4R28資訊網(wǎng)——每日最新資訊28at.com

實(shí)現(xiàn)Markdown導(dǎo)入文檔系統(tǒng)

這一款就涉及到反解析了, 我們需要把 MD的字符串語法, 解析,分割,清洗成文檔接受的blocks 對(duì)象格式.U4R28資訊網(wǎng)——每日最新資訊28at.com

實(shí)現(xiàn)這一過程我們可以自己基于字符串結(jié)構(gòu)來寫一個(gè)解析器, 來將MD字符串轉(zhuǎn)譯為對(duì)象表示.U4R28資訊網(wǎng)——每日最新資訊28at.com

這里給大家展示一個(gè)我寫的將MD的表格語法轉(zhuǎn)化為可解析的對(duì)象表示, 如:U4R28資訊網(wǎng)——每日最新資訊28at.com

function getTableArr(markdownTable) {  // 去除開頭的 "|" 和每行開頭的空格  const rows = markdownTable.split('/n').map(row => row.replace(/^/s*/|/, '').trim());  // 提取標(biāo)題行和數(shù)據(jù)行  const header = rows[0].split('|');  const data = rows.slice(1).map(row => row.split('|'));  // 去除標(biāo)題和數(shù)據(jù)中的空字符串  const headerClean = header.filter(item => item!== '');  const dataClean = data.map(row => row.filter(item => item!== ''));  return [headerClean,...dataClean]}

這塊為了提高效率和穩(wěn)定性, 我們可以使用 remark 來輔助我們生成.U4R28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

remark 是一個(gè)用于處理 Markdown 文檔的強(qiáng)大工具庫。U4R28資訊網(wǎng)——每日最新資訊28at.com

它可以用于將 Markdown 文檔轉(zhuǎn)換為其他格式,如 HTML,也可以進(jìn)行一些 Markdown 文檔的分析和處理。U4R28資訊網(wǎng)——每日最新資訊28at.com

一個(gè)簡單的案例:U4R28資訊網(wǎng)——每日最新資訊28at.com

const remark = require('remark');const html = require('remark-html');remark().use(html).process('這是一段 Markdown 文本/n/n# 標(biāo)題', (err, result) => {  if (err) throw err;  console.log(result.toString());});

我在反解析引擎中使用了 remark 來實(shí)現(xiàn)將 md 字符串解析成有格式化的對(duì)象.U4R28資訊網(wǎng)——每日最新資訊28at.com

給大家看看我實(shí)現(xiàn)的效果:U4R28資訊網(wǎng)——每日最新資訊28at.com

圖片圖片U4R28資訊網(wǎng)——每日最新資訊28at.com

由上圖可以發(fā)現(xiàn)我們導(dǎo)入的MD已經(jīng)可以完美展示到我們文檔里了.U4R28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-103033-0.html為了讓用戶一鍵遷移MD到Nocode/WEP知識(shí)庫, 我寫了一個(gè)MD引擎

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。郵件:2376512515@qq.com

上一篇: Set 迎來史詩級(jí)加強(qiáng),新增七個(gè)實(shí)用方法!

下一篇: Next.js 15震撼發(fā)布:七大革命性更新,前端性能又又提升了

標(biāo)簽:
  • 熱門焦點(diǎn)
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美一区二区三区在线| 国内成人自拍视频| 欧美福利视频在线| 欧美区在线观看| 国产精品影片在线观看| 激情欧美日韩| 亚洲靠逼com| 欧美亚洲免费高清在线观看| 开元免费观看欧美电视剧网站| 欧美二区乱c少妇| 欧美特黄一级| 国产午夜精品久久久久久免费视| 伊大人香蕉综合8在线视| av不卡在线观看| 欧美亚洲日本国产| 欧美大胆成人| 国产精品一区二区久久| 亚洲电影免费在线| 亚洲一区二区视频| 老司机凹凸av亚洲导航| 欧美三级日韩三级国产三级| 国产自产2019最新不卡| av成人毛片| 久久免费视频这里只有精品| 欧美日韩亚洲一区二区三区在线 | 亚洲欧美综合另类中字| 女主播福利一区| 国产精品网站一区| 亚洲精品一区中文| 久久爱www久久做| 欧美日韩你懂的| 韩国成人理伦片免费播放| 日韩视频免费在线| 久久国产黑丝| 国产精品红桃| 亚洲激情偷拍| 欧美一区午夜视频在线观看| 欧美人成网站| 亚洲第一福利在线观看| 午夜精品在线视频| 欧美日韩一区二区视频在线观看| 一区二区三区无毛| 欧美一区二区成人| 国产精品porn| 亚洲精品国产欧美| 久久天堂av综合合色| 国产精品美女xx| 亚洲久久视频| 免费在线观看一区二区| 国内精品久久久久影院优| 亚洲一区二区在线视频| 欧美激情欧美激情在线五月| 伊人久久大香线蕉综合热线| 欧美一区网站| 国产日韩精品在线| 亚洲综合成人在线| 欧美日韩成人在线| 麻豆国产va免费精品高清在线| 国产精品亚洲精品| 一本久道综合久久精品| 欧美成人免费在线观看| 很黄很黄激情成人| 久久福利一区| 国产老女人精品毛片久久| 亚洲视频中文字幕| 欧美人与禽猛交乱配视频| 亚洲狠狠丁香婷婷综合久久久| 麻豆国产精品一区二区三区| 精品99一区二区| 久久精品人人做人人爽电影蜜月 | 国产欧美综合在线| 亚洲欧美日韩国产一区| 国产精品黄色| 亚洲一区亚洲二区| 国产精品日韩欧美一区二区三区| 在线一区二区日韩| 欧美婷婷在线| 亚洲免费在线视频| 国产精品视频一二三| 亚洲一区二区视频在线观看| 国产精品成人va在线观看| 亚洲午夜电影| 国产精品久久久久秋霞鲁丝| 欧美日韩在线播放三区| 在线亚洲免费| 国产精品videossex久久发布| 一区二区三区视频在线 | 精品69视频一区二区三区| 久久人人97超碰国产公开结果| 一区二区在线免费观看| 老司机精品视频网站| 亚洲国产三级在线| 欧美精品在线观看91| av成人动漫| 国产精品久久久久久影视| 亚洲自拍偷拍麻豆| 国产一二三精品| 久久综合九色| 亚洲人被黑人高潮完整版| 欧美日韩小视频| 亚洲男人的天堂在线| 国产亚洲精品久久久久久| 玖玖在线精品| 99国产一区| 国产精品永久免费| 久久美女性网| 亚洲精选大片| 国产精品色午夜在线观看| 久久精品欧美日韩| 亚洲啪啪91| 国产精品久久一卡二卡| 久久精品久久99精品久久| 亚洲黄色免费网站| 欧美特黄视频| 久久女同精品一区二区| 亚洲九九九在线观看| 国产精品欧美日韩一区二区| 久久精品夜色噜噜亚洲a∨| 91久久久一线二线三线品牌| 欧美午夜精品久久久| 欧美专区亚洲专区| 亚洲激情专区| 国产精品一区二区久久精品| 久久嫩草精品久久久久| 99精品国产在热久久| 国产日韩欧美在线观看| 欧美国产日韩a欧美在线观看| 亚洲一区www| 精品不卡在线| 欧美三级视频| 蜜桃久久av一区| 亚洲一区在线直播| 在线日韩中文| 国产精品久久久一本精品| 久热爱精品视频线路一| 一个色综合av| 黄色日韩网站视频| 欧美无砖砖区免费| 久久婷婷国产综合精品青草 | 美女国内精品自产拍在线播放| 一区二区激情小说| 国产在线视频欧美| 欧美日韩在线大尺度| 久久久久久久久伊人| 一区二区三区四区五区视频 | 国产欧美在线视频| 欧美日本免费| 久久一二三国产| 亚洲免费中文字幕| 亚洲精品中文字幕在线| 韩国一区二区三区在线观看 | 国产美女扒开尿口久久久| 欧美激情精品久久久| 久久国产欧美| 亚洲一区二区视频| 亚洲日本理论电影| 狠狠久久亚洲欧美专区| 国产精品毛片大码女人| 欧美激情免费在线| 欧美金8天国| 一区二区三区我不卡| 欧美日韩国产欧| 麻豆精品91| 久久狠狠亚洲综合| 亚洲宅男天堂在线观看无病毒| 亚洲经典自拍| 激情欧美一区二区| 国产美女精品人人做人人爽| 欧美日韩午夜视频在线观看| 蜜臀av一级做a爰片久久| 久久av二区| 午夜在线观看欧美| 亚洲一区二区在线播放| 日韩视频在线你懂得| 亚洲国产成人精品久久| 韩国v欧美v日本v亚洲v| 国产伦精品一区二区三区视频黑人 | 欧美国产综合视频| 久久五月婷婷丁香社区| 欧美一区二区三区婷婷月色 | 久久精品盗摄| 午夜日韩av| 亚洲欧美国产日韩天堂区| 一区二区三区不卡视频在线观看| 亚洲欧洲精品一区二区三区 | 亚洲欧洲综合| 91久久精品久久国产性色也91 | 亚洲资源在线观看| 亚洲视频第一页| 在线视频亚洲一区| 99精品视频一区| 999在线观看精品免费不卡网站| 亚洲激情欧美激情| 亚洲黄页一区| 亚洲精选国产| 日韩一级片网址| 日韩一区二区精品葵司在线| 亚洲精品欧美精品| 亚洲经典一区| 最新日韩欧美| 亚洲精品在线三区| 一本大道久久a久久精二百| 一区二区三区鲁丝不卡| 亚洲午夜av在线|