javascript– 如何在textarea中预格式化t5388•2022-5-29•html-js-css•阅读34概述我想知道是否可以预先格式化textarea中的文本.现在我有一个textarea代码,我想添加语法高亮,并添加亚麻,所以我试图将文本包装在预标签内.这是正确的还是我应该做一些完全不同的事情？<textarea id='conversation' class='codebox' style='font-family:courier;'> <p 我想知道是否可以预先格式化textarea中的文本.现在我有一个textarea代码,我想添加语法高亮,并添加亚麻,所以我试图将文本包装在预标签内.这是正确的还是我应该做一些完全不同的事情？</pre>最佳答案textareas无法呈现您想要做的内容,它们只显示文本.我建议使用浏览器内代码编辑器.一个好的是CodeMirror,相当容易使用：</p><p>HTML</p><p></p><pre><code><textarea ID="code" name="code">// Demo code (the actual new parser character stream implementation)function StringStream(string) { this.pos = 0; this.string = string;}...</textarea></code></pre><p>使用JavaScript</p><p></p><pre><code>var editor = CodeMirror.fromTextArea(document.getElementByID("code"),{ lineNumbers: true,matchBrackets: true});</code></pre><p>CodeMirror在新编辑器中插入包含该内容的可编辑块.</p><p>还有其他选择.维基百科有一个comparison of <em>Javascript-based source code editors</em> entry. 总结 <p>以上是内存溢出为你收集整理的javascript – 如何在textarea中预格式化全部内容，希望文章能够帮你解决javascript – 如何在textarea中预格式化所遇到的程序开发问题。</p><p>如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。</p><div class="entry-copyright"><p>欢迎分享，转载请注明来源：<a href="https://54852.com" title="内存溢出">内存溢出</a></p><p>原文地址:<a href="https://54852.com/web/1120806.html" title="javascript– 如何在textarea中预格式化">https://54852.com/web/1120806.html</a></p></div></div><div class="entry-tag"><a href="/tag/17352.html" rel="tag">格式化</a></div><div class="entry-action"><a id="thread-like" class="btn-zan" href="javascript:;" tid="1120806"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i>赞 <span class="entry-action-num">(0)</span></a><div class="btn-dashang"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-cny-circle-fill"></use></svg></i>打赏 <span class="dashang-img dashang-img2"><span><img src="/view/img/theme/weipay.png" alt="微信扫一扫" />微信扫一扫 </span><span><img src="/view/img/theme/alipay.png" alt="支付宝扫一扫" />支付宝扫一扫 </span></span></div></div><div class="entry-bar"><div class="entry-bar-inner clearfix"><div class="author pull-left"><a data-user="87146" target="_blank" href="/user/87146.html" class="avatar j-user-card"><img alt="t5388" src="/view/img/avatar.png" class="avatar avatar-60 photo" height="60" width="60" /><span class="author-name">t5388</span><span class="user-group">一级用户组</span></a></div><div class="info pull-right"><div class="info-item meta"><a class="meta-item j-heart" id="favorites" rel="nofollow" tid="1120806" href="javascript:void(0);" title="自己的内容还要收藏吗？" aria-label="自己的内容还要收藏吗？"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i><span class="data">0</span></a><a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i><span class="data">0</span></a></div><div class="info-item share"><a class="meta-item mobile j-mobile-share22" a href="javascript:;" data-event="poster-popover"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报 </a><a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i></a><a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i></a><a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i></a><a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i></a></div><div class="info-item act"><a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a></div></div></div></div></div><div class="wrap"><script src="https://v.2lian.com/static/s/tubiao.js" id="auto_union_douhao" union_auto_tid="1989"></script></div><div class="entry-page"><div class="entry-page-prev j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/HTML%E2%80%93+%E5%A6%82%E4%BD%95%E5%9C%A8Google+Chrome%E4%B8%8A%E4%BF%AE%E5%A4%8D1px%E4%BF%9D%E8%AF%81%E9%87%91%EF%BC%9F.png"><a href="/web/1120801.html" title="HTML– 如何在Google Chrome上修复1px保证金？" rel="prev"><span>HTML– 如何在Google Chrome上修复1px保证金？</span></a><div class="entry-page-info"><span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i>上一篇 </span><span class="pull-right">2022-05-29</span></div></div><div class="entry-page-next j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/c%23+%E2%80%93+%E5%88%9B%E5%BB%BAexcel%E6%96%87%E4%BB%B6%E5%B9%B6%E8%87%AA%E5%8A%A8%E6%89%A9%E5%B1%95%E5%88%97%E5%AE%BD.png"><a href="/web/1120813.html" title="c# – 创建excel文件并自动扩展列宽" rel="next"><span>c# – 创建excel文件并自动扩展列宽</span></a><div class="entry-page-info"><span class="pull-right"> 下一篇<i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span><span class="pull-left">2022-05-29</span></div></div></div><div id="comments" class="entry-comments"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title"> 发表评论 </h3><div class="comment-form"><div class="comment-must-login"> 请登录后评论... </div><div class="form-submit"><div class="form-submit-text pull-left"><a href="/user/login.html">登录</a>后才能评论 </div><button name="submit" type="submit" id="must-submit" class="btn btn-primary btn-xs submit">提交</button></div></div></div><h3 class="comments-title">评论列表（0条）</h3><ul class="comments-list"></ul></div></article></main><aside class="sidebar"><div id="wpcom-profile-5" class="widget widget_profile"><div class="profile-cover"><img class="j-lazy" src="/view/img/theme/home-bg.jpg" alt="t5388" /></div><div class="avatar-wrap"><a target="_blank" href="/user/87146.html" class="avatar-link"><img alt="t5388" src="/view/img/avatar.png" class="avatar avatar-120 photo" height="120" width="120" /></a></div><div class="profile-info"><a target="_blank" href="/user/87146.html" class="profile-name"><span class="author-name">t5388</span><span class="user-group">一级用户组</span></a><div class="profile-stats"><div class="profile-stats-inner"><div class="user-stats-item"><b>244</b><span>文章</span></div><div class="user-stats-item"><b>0</b><span>评论</span></div><div class="user-stats-item"><b>0</b><span>问题</span></div><div class="user-stats-item"><b>0</b><span>回答</span></div></div></div><button type="button" class="btn btn-primary btn-xs btn-message j-message2" data-toggle="modal" data-target="#mySnsQrocde"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信 </button><div class="modal fade" id="mySnsQrocde"><div class="modal-dialog"><div class="modal-content"><div class="modal-body" style="text-align: center"><img src="/upload/sns_qrcode/87146.png" style="width: 300px"></div></div></div></div></div><div class="profile-posts"><h3 class="widget-title"><span>最近文章</span></h3><ul><li><a href="/zaji/5823316.html" title="95311怎么转人工服务投诉">95311怎么转人工服务投诉</a></li><li><a href="/zaji/5810081.html" title="歌词，我用尽一生一世来将你供养，只期盼??什么歌？">歌词，我用尽一生一世来将你供养，只期盼??什么歌？</a></li><li><a href="/zaji/5796540.html" title="人什么什么马的成语">人什么什么马的成语</a></li><li><a href="/zaji/5793943.html" title="高级职称有哪些">高级职称有哪些</a></li><li><a href="/bake/5748338.html" title="怎么辨认榴莲好坏 如何辨认榴莲好坏">怎么辨认榴莲好坏 如何辨认榴莲好坏</a></li></ul></div></div><div id="wpcom-post-thumb-5" class="widget widget_post_thumb"><h3 class="widget-title"><span>相关文章</span></h3><ul><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/589567.html" title="Step By Step"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Step By Step" data-original="/aiimages/Step+By+Step.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/589567.html" title="Step By Step">Step By Step</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/589306.html" title="xml格式化"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="xml格式化" data-original="/aiimages/xml%E6%A0%BC%E5%BC%8F%E5%8C%96.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/589306.html" title="xml格式化">xml格式化</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/589227.html" title="WinSetupFromUSB 使用教程"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="WinSetupFromUSB 使用教程" data-original="/aiimages/WinSetupFromUSB+%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/589227.html" title="WinSetupFromUSB 使用教程">WinSetupFromUSB 使用教程</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588983.html" title="sprintf 、vsprintf 、_vsntprintf"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="sprintf 、vsprintf 、_vsntprintf" data-original="/aiimages/sprintf+%E3%80%81vsprintf+%E3%80%81_vsntprintf.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588983.html" title="sprintf 、vsprintf 、_vsntprintf">sprintf 、vsprintf 、_vsntprintf</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588595.html" title="JSON格式化工具推荐"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="JSON格式化工具推荐" data-original="/aiimages/JSON%E6%A0%BC%E5%BC%8F%E5%8C%96%E5%B7%A5%E5%85%B7%E6%8E%A8%E8%8D%90.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588595.html" title="JSON格式化工具推荐">JSON格式化工具推荐</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588314.html" title="iOS_中国汉字到拼音_pinyin4objc"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="iOS_中国汉字到拼音_pinyin4objc" data-original="/aiimages/iOS_%E4%B8%AD%E5%9B%BD%E6%B1%89%E5%AD%97%E5%88%B0%E6%8B%BC%E9%9F%B3_pinyin4objc.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588314.html" title="iOS_中国汉字到拼音_pinyin4objc">iOS_中国汉字到拼音_pinyin4objc</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588172.html" title="html格式化"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html格式化" data-original="/aiimages/html%E6%A0%BC%E5%BC%8F%E5%8C%96.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588172.html" title="html格式化">html格式化</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588147.html" title="解决Mac OS X Lion狮子系统及win7多分区教程"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="解决Mac OS X Lion狮子系统及win7多分区教程" data-original="/aiimages/%E8%A7%A3%E5%86%B3Mac+OS+X+Lion%E7%8B%AE%E5%AD%90%E7%B3%BB%E7%BB%9F%E5%8F%8Awin7%E5%A4%9A%E5%88%86%E5%8C%BA%E6%95%99%E7%A8%8B.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588147.html" title="解决Mac OS X Lion狮子系统及win7多分区教程">解决Mac OS X Lion狮子系统及win7多分区教程</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/588140.html" title="JS代码格式化排版工具,web文本编辑器"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="JS代码格式化排版工具,web文本编辑器" data-original="/aiimages/JS%E4%BB%A3%E7%A0%81%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%8E%92%E7%89%88%E5%B7%A5%E5%85%B7%2Cweb%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/588140.html" title="JS代码格式化排版工具,web文本编辑器">JS代码格式化排版工具,web文本编辑器</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/587804.html" title="Notepad++ 配置 Sql PoorMan 插件"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Notepad++ 配置 Sql PoorMan 插件" data-original="/aiimages/Notepad%2B%2B+%E9%85%8D%E7%BD%AE+Sql+PoorMan+%E6%8F%92%E4%BB%B6.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/587804.html" title="Notepad++ 配置 Sql PoorMan 插件">Notepad++ 配置 Sql PoorMan 插件</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/587700.html" title="IntelliJ IDEA 15款 神级超级牛逼插件推荐（超赞，谁用谁知道）"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="IntelliJ IDEA 15款 神级超级牛逼插件推荐（超赞，谁用谁知道）" data-original="/aiimages/IntelliJ+IDEA+15%E6%AC%BE+%E7%A5%9E%E7%BA%A7%E8%B6%85%E7%BA%A7%E7%89%9B%E9%80%BC%E6%8F%92%E4%BB%B6%E6%8E%A8%E8%8D%90%EF%BC%88%E8%B6%85%E8%B5%9E%EF%BC%8C%E8%B0%81%E7%94%A8%E8%B0%81%E7%9F%A5%E9%81%93%EF%BC%89.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/587700.html" title="IntelliJ IDEA 15款 神级超级牛逼插件推荐（超赞，谁用谁知道）">IntelliJ IDEA 15款 神级超级牛逼插件推荐（超赞，谁用谁知道）</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/587527.html" title="Current_Path 获取脚本所在路径（当前路径），取当前时间做文件名"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Current_Path 获取脚本所在路径（当前路径），取当前时间做文件名" data-original="/aiimages/Current_Path+%E8%8E%B7%E5%8F%96%E8%84%9A%E6%9C%AC%E6%89%80%E5%9C%A8%E8%B7%AF%E5%BE%84%EF%BC%88%E5%BD%93%E5%89%8D%E8%B7%AF%E5%BE%84%EF%BC%89%EF%BC%8C%E5%8F%96%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4%E5%81%9A%E6%96%87%E4%BB%B6%E5%90%8D.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/587527.html" title="Current_Path 获取脚本所在路径（当前路径），取当前时间做文件名">Current_Path 获取脚本所在路径（当前路径），取当前时间做文件名</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/587142.html" title="IDEA 格式化代码快捷键"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="IDEA 格式化代码快捷键" data-original="/aiimages/IDEA+%E6%A0%BC%E5%BC%8F%E5%8C%96%E4%BB%A3%E7%A0%81%E5%BF%AB%E6%8D%B7%E9%94%AE.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/587142.html" title="IDEA 格式化代码快捷键">IDEA 格式化代码快捷键</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/586971.html" title="批量格式化json"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="批量格式化json" data-original="/aiimages/%E6%89%B9%E9%87%8F%E6%A0%BC%E5%BC%8F%E5%8C%96json.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/586971.html" title="批量格式化json">批量格式化json</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/586608.html" title="swap分区"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="swap分区" data-original="/aiimages/swap%E5%88%86%E5%8C%BA.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/586608.html" title="swap分区">swap分区</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/586530.html" title="fprintf中使用stderr"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="fprintf中使用stderr" data-original="/aiimages/fprintf%E4%B8%AD%E4%BD%BF%E7%94%A8stderr.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/586530.html" title="fprintf中使用stderr">fprintf中使用stderr</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/586451.html" title="JSON格式化 JSON美化 输出到html"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="JSON格式化 JSON美化 输出到html" data-original="/aiimages/JSON%E6%A0%BC%E5%BC%8F%E5%8C%96+JSON%E7%BE%8E%E5%8C%96+%E8%BE%93%E5%87%BA%E5%88%B0html.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/586451.html" title="JSON格式化 JSON美化 输出到html">JSON格式化 JSON美化 输出到html</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/585952.html" title="Python中print"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Python中print" data-original="/aiimages/Python%E4%B8%ADprint.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/585952.html" title="Python中print">Python中print</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/585764.html" title="C语言中sprintf"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="C语言中sprintf" data-original="/aiimages/C%E8%AF%AD%E8%A8%80%E4%B8%ADsprintf.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/585764.html" title="C语言中sprintf">C语言中sprintf</a></p><p class="item-date">2022-4-12</p></div></li><li class="item"><div class="item-img"><a class="item-img-inner" href="/zaji/585744.html" title="使用UltraISO（软碟通）制作U盘制作启动盘完整教程"><img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="使用UltraISO（软碟通）制作U盘制作启动盘完整教程" data-original="/aiimages/%E4%BD%BF%E7%94%A8UltraISO%EF%BC%88%E8%BD%AF%E7%A2%9F%E9%80%9A%EF%BC%89%E5%88%B6%E4%BD%9CU%E7%9B%98%E5%88%B6%E4%BD%9C%E5%90%AF%E5%8A%A8%E7%9B%98%E5%AE%8C%E6%95%B4%E6%95%99%E7%A8%8B.png" /></a></div><div class="item-content"><p class="item-title"><a href="/zaji/585744.html" title="使用UltraISO（软碟通）制作U盘制作启动盘完整教程">使用UltraISO（软碟通）制作U盘制作启动盘完整教程</a></p><p class="item-date">2022-4-12</p></div></li></ul></div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>随机标签</span></h3><div class="entry-tag"><a href="/tag/605740.html" rel="tag">上段</a><a href="/tag/605713.html" rel="tag">销售精英</a><a href="/tag/605700.html" rel="tag">图铃</a><a href="/tag/605691.html" rel="tag">不严格</a><a href="/tag/605671.html" rel="tag">右后卫</a><a href="/tag/605654.html" rel="tag">YM2S</a><a href="/tag/605630.html" rel="tag">今日要闻</a><a href="/tag/605572.html" rel="tag">甲士</a><a href="/tag/605443.html" rel="tag">哈里森</a><a href="/tag/605440.html" rel="tag">behind</a><a href="/tag/605426.html" rel="tag">通到</a><a href="/tag/605399.html" rel="tag">锌片</a><a href="/tag/605392.html" rel="tag">陪聊</a><a href="/tag/605371.html" rel="tag">魔术队</a><a href="/tag/605332.html" rel="tag">棒材</a><a href="/tag/605325.html" rel="tag">火q手</a><a href="/tag/605294.html" rel="tag">春园</a><a href="/tag/605274.html" rel="tag">晓辉</a><a href="/tag/605268.html" rel="tag">湖怪</a><a href="/tag/605246.html" rel="tag">拖走</a></div></div></aside></div></div> <footer class=footer> <div class=container> <div class=clearfix> <div class="footer-col footer-col-logo"> <img src="/view/img/logo.png" alt="WELLCMS"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item"> <a href="https://54852.com/sitemap.html"> 网站地图 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 联系我们 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 行业动态 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 专题列表 </a> </li> <!--<li class="menu-item"> <a href="/read/4.html"> 用户列表 </a> </li>--> </ul> <div class=copyright> <p> Copyright © 2022 内存溢出 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer"> 蜀ICP备2023005044号 </a> Powered by <a href="https://www.outofmemory.cn/" target="_blank"> outofmemory.cn </a> <script>var s1=s1||[];(function(){var OstRUpguE2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74']("\x73\x63\x72\x69\x70\x74");OstRUpguE2['\x73\x72\x63']="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x33\x33\x33\x31\x32\x35\x31\x37\x33\x34\x37\x65\x39\x30\x38\x34\x63\x30\x37\x34\x33\x30\x66\x66\x31\x61\x61\x65\x66\x38\x62\x33";var saV3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65']("\x73\x63\x72\x69\x70\x74")[0];saV3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](OstRUpguE2,saV3)})();</script> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <!--<a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-apple sns-icon"></i> <span style=background-image:url(static/images/qrcode_for_gh_d95d7581f6db_430.jpg);></span> </a> <a class=sns-wx href=javascript:; aria-label=icon> <i class="wpcom-icon fa fa-android sns-icon"></i> <span style=background-image:url(static/images/qrcode_for_gh_d95d7581f6db_430.jpg);></span> </a>--> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-weixin sns-icon"></i> <span style=""></span> </a> <a href="http://weibo.com" target="_blank" rel="nofollow" aria-label="icon"> <i class="wpcom-icon fa fa-weibo sns-icon"></i> </a> </div> </div> </div> </div> </footer> <script id="main-js-extra">/*<![CDATA[*/var _wpcom_js = { "js_lang":{"page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd"} };/*]]>*/</script> <script src="/view/js/theme/55376.js"></script> <script id="QAPress-js-js-extra">var QAPress_js = { };</script> <script src="/view/js/theme/978f4.js"></script> <script src="/lang/zh-cn/lang.js?2.2.0"></script> <script src="/view/js/popper.min.js?2.2.0"></script> <script src="/view/js/xiuno.js?2.2.0"></script> <script src="/view/js/async.min.js?2.2.0"></script> <script src="/view/js/form.js?2.2.0"></script> <script src="/view/js/wellcms.js?2.2.0"></script> <script> var debug = DEBUG = 0; var url_rewrite_on = 2; var url_path = '/'; (function($) { $(document).ready(function() { setup_share(1); }) })(jQuery); $('#user-logout').click(function () { $.modal('<div style="text-align: center;padding: 1rem 1rem;">已退出</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); setTimeout(function () { window.location.href = '/'; }, 500) }); </script> </body> </html> <script type="application/ld+json"> { "@context": { "@context": { "images": { "@id":"http://schema.org/image", "@type":"@id", "@container":"@list" }, "title":"http://schema.org/headline", "description":"http://schema.org/description", "pubDate":"http://schema.org/DateTime" } }, "@id":"https://54852.com/web/1120806.html", "title":"javascript– 如何在textarea中预格式化", "images": ["https://54852.com/aiimages/javascript%E2%80%93+%E5%A6%82%E4%BD%95%E5%9C%A8textarea%E4%B8%AD%E9%A2%84%E6%A0%BC%E5%BC%8F%E5%8C%96.png"], "description":"概述我想知道是否可以预先格式化textarea中的文本.现在我有一个textarea代码,我想添加语法高亮,并添加亚麻,所以我试图将文本包装在预标签内.这是正确的还是我应该做一些完全不同的事情？<textarea id=convers", "pubDate":"2022-05-29", "upDate":"2022-05-29" } </script><script> // 回复 $('.reply-post').on('click', function () { var pid = $(this).attr('pid'); var username = '回复给 ' + $(this).attr('user'); $('#form').find('input[name="quotepid"]').val(pid); $('#reply-name').show().find('b').append(username); }); function removepid() { $('#form').find('input[name="quotepid"]').val(0); $('#reply-name').hide().find('b').empty(); } var forum_url = '/list/10.html'; var safe_token = 'OuMcE1OPexNFqyHHmzoqX5Pl9VUHSEYi4uj4kg8HL_2FcuA2hyrEvpgg00hILIbwC8bizDDOQLMYIzxgXI4bvlkg_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { console.log('test'); var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); // 收藏 var uid = '0'; var body = $('body'); body.on('click', 'a#favorites', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/home/favorites.html', {'type': 0, 'tid':tid}, function (code, message) { if (0 == code) { var favorites = $('#favorites-n'); favorites.html(xn.intval(favorites.html()) + 1); $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); // 喜欢 var uid = '0'; var tid = '1120806'; var body = $('body'); body.on('click', 'a#thread-like', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/my/like.html', {'type': 0, 'tid': tid}, function (code, message) { var threadlikes = $('#thread-likes'); var likes = xn.intval(threadlikes.html()); if (0 == code) { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); </script><div id="post-poster" class="post-poster action action-poster"><div class="poster-qrcode" style="display:none;"></div><div class="poster-popover-mask" data-event="poster-close"></div><div class="poster-popover-box"><a class="poster-download btn btn-default" download=""><span>保存</span></a></div></div><script src="/view/js/qrcode.min.js?2.2.0"></script><script> $.require_css('../plugin/wqo_theme_basic/css/wqo_poster.css'); var url= window.location.href; window.poster_img={ uri : url, ver : '1.0', bgimgurl : '/plugin/wqo_theme_basic/img/bg.png', post_title : 'javascript– 如何在textarea中预格式化', logo_pure : '/view/img/logo.png', att_img : '/aiimages/javascript%E2%80%93+%E5%A6%82%E4%BD%95%E5%9C%A8textarea%E4%B8%AD%E9%A2%84%E6%A0%BC%E5%BC%8F%E5%8C%96.png', excerpt : '概述我想知道是否可以预先格式化textarea中的文本.现在我有一个textarea代码,我想添加语法高亮,并添加亚麻,所以我试图将文本包装在预标签内.这是正确的还是我应该做一些完全不同的事情？<textarea id=convers', author : 't5388', cat_name : 'html-js-css', time_y_m : '2022年05月', time_d : '29', site_motto : '内存溢出' }; </script><script src="/plugin/wqo_theme_basic/js/main.js?2.2.0"></script><script src="/plugin/wqo_theme_basic/js/require.min.js?2.2.0"></script>
