markdown编辑器的使用 程序员文章站 2022-06-19 16:13:25 markdown编辑器的下载和使用记得选排名前几的 <div class="content"> <h2> <a id="markdown_0" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="></a>markdown编辑器的下载和使用</h2> <p><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczUuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAyMDA4MTAvYl8wXzIwMjAwODEwMTY1MzQyNTY5Ni5wbmc=" alt="markdown编辑器的使用" title="markdown编辑器的使用"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczUuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAyMDA4MTAvYl8wXzIwMjAwODEwMTY1MzQzNjc5NS5qcGc=" alt="markdown编辑器的使用" title="markdown编辑器的使用"><br> 记得选排名前几的</p> <p><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczUuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAyMDA4MTAvYl8wXzIwMjAwODEwMTY1MzQzMTE4Mi5qcGc=" alt="markdown编辑器的使用" title="markdown编辑器的使用"><br><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczUuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAyMDA4MTAvYl8wXzIwMjAwODEwMTY1MzQ0NDA2Ny5qcGc=" alt="markdown编辑器的使用" title="markdown编辑器的使用"></p> <pre><code class="prism language-c"> <span class="token operator"><</span>section id<span class="token operator">=</span><span class="token string">"global"</span><span class="token operator">></span> <span class="token operator"><</span>div style<span class="token operator">=</span><span class="token string">" min-height: 700px;"</span> class<span class="token operator">=</span><span class="token string">"container-fluid cm-container-white"</span><span class="token operator">></span> <span class="token operator"><</span>div id<span class="token operator">=</span><span class="token string">"test-editormd"</span><span class="token operator">></span> <span class="token operator"><</span>textarea style<span class="token operator">=</span><span class="token string">"display: none;"</span> name<span class="token operator">=</span><span class="token string">""</span> id<span class="token operator">=</span><span class="token string">""</span> cols<span class="token operator">=</span><span class="token string">"30"</span> rows<span class="token operator">=</span><span class="token string">"10"</span><span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>textarea<span class="token operator">></span> <span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span> <span class="token operator"><</span>script src<span class="token operator">=</span><span class="token string">"md/js/editormd.min.js"</span><span class="token operator">></span><span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span> <span class="token operator"><</span>script<span class="token operator">></span> var testEditor<span class="token punctuation">;</span> $<span class="token punctuation">(</span>function <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> testEditor <span class="token operator">=</span> <span class="token function">editormd</span><span class="token punctuation">(</span><span class="token string">"test-editormd"</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> <span class="token string">"90%"</span><span class="token punctuation">,</span> height<span class="token punctuation">:</span> <span class="token number">640</span><span class="token punctuation">,</span> syncScrolling<span class="token punctuation">:</span> <span class="token string">"single"</span><span class="token punctuation">,</span> path<span class="token punctuation">:</span> <span class="token string">"md/lib/"</span><span class="token punctuation">,</span> imageUpload<span class="token punctuation">:</span> true<span class="token punctuation">,</span> imageFormats<span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token string">"jpg"</span><span class="token punctuation">,</span> <span class="token string">"jpeg"</span><span class="token punctuation">,</span> <span class="token string">"gif"</span><span class="token punctuation">,</span> <span class="token string">"png"</span><span class="token punctuation">,</span> <span class="token string">"bmp"</span><span class="token punctuation">,</span> <span class="token string">"webp"</span><span class="token punctuation">]</span><span class="token punctuation">,</span> imageUploadURL<span class="token punctuation">:</span> <span class="token string">"/file"</span><span class="token punctuation">,</span> <span class="token comment">//这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。</span> saveHTMLToTextarea<span class="token punctuation">:</span> true <span class="token comment">// previewTheme : "dark"</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span> <span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span> <span class="token operator"><</span><span class="token operator">/</span>section<span class="token operator">></span> </code></pre> <h2> <a id="_42" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ=="></a>注意点</h2> <p>因为这个样式库必须是依赖 jQuery 的，所以要在 script 引入 md的 js之前，把 jQuery 脚本引入，不然就会报错</p> <p><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2ltYWdlczUuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAyMDA4MTAvYl8wXzIwMjAwODEwMTY1MzQ1ODk5My5qcGc=" alt="markdown编辑器的使用" title="markdown编辑器的使用"></p> <p>本文地址：https://blog.csdn.net/qq_43923045/article/details/107877535</p> </div> <div class="tags"> 相关标签： <a href="/t/%E5%89%8D%E7%AB%AF/" target="_blank"> 前端 </a> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1455230.html"> 原生日历 </a> </p> <p> 下一篇： <a href="/article/1455232.html"> 将该演示文稿与原始版本合并在一起然后审阅这些更改 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2306544.html" target="_blank" title="函数指针实例：使用冒泡排序模拟实现qsort的功能"> <h2> 函数指针实例：使用冒泡排序模拟实现qsort的功能 </h2> </a> </li> <li> <a href="/article/2306487.html" target="_blank" title="成绩排序(sort与qsort的使用)"> <h2> 成绩排序(sort与qsort的使用) </h2> </a> </li> <li> <a href="/article/2306356.html" target="_blank" title="Python爬虫之Selenium库的使用方法"> <h2> Python爬虫之Selenium库的使用方法 </h2> </a> </li> <li> <a href="/article/2306260.html" target="_blank" title="基于curl数据采集之单页面并行采集函数get_htmls的使用_PHP"> <h2> 基于curl数据采集之单页面并行采集函数get_htmls的使用_PHP </h2> </a> </li> <li> <a href="/article/2306320.html" target="_blank" title="html中关于表单标签form的使用详解"> <h2> html中关于表单标签form的使用详解 </h2> </a> </li> <li> <a href="/article/2306272.html" target="_blank" title="php中使用换行及(n或rn和br)的例子"> <h2> php中使用换行及(n或rn和br)的例子 </h2> </a> </li> <li> <a href="/article/2306184.html" target="_blank" title="Comparable接口的使用"> <h2> Comparable接口的使用 </h2> </a> </li> <li> <a href="/article/2306181.html" target="_blank" title="python使用PyGame播放Midi和Mp3文件的方法"> <h2> python使用PyGame播放Midi和Mp3文件的方法 </h2> </a> </li> <li> <a href="/article/2306176.html" target="_blank" title="PHP中使用cURL实现Get和Post请求的方法"> <h2> PHP中使用cURL实现Get和Post请求的方法 </h2> </a> </li> <li> <a href="/article/2306088.html" target="_blank" title="Fortran中function，subroutine， interface和module的简单使用"> <h2> Fortran中function，subroutine， interface和module的简单使用 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>