可人 / 《意林》 2016-11-28 23:56:54

纯前端打造一个简易实时预览的markdown编辑器 阅读 79 · 评论 0 · 赞 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod iure quidem, corrupti commodi quaerat unde aspernatur quia laborum, autem sapiente dolorum eos velit aliquid dignissimos molestias qui explicabo, hic a assumenda, expedita praesentium rem eum blanditiis. Fugit at voluptate nulla quae amet maxime dolorem voluptatum, tempore nam esse ea, mollitia, natus architecto porro illo nemo! Beatae ut, libero provident sint officia incidunt vitae? Nam labore commodi recusandae minima ipsa, autem tempora delectus sed ipsum debitis accusamus, aliquid et doloremque architecto.

Qui praesentium expedita rerum iusto eveniet, molestiae velit optio alias ratione tenetur rem architecto sequi! Saepe laboriosam illum, qui laudantium expedita animi natus itaque blanditiis distinctio vero pariatur maxime, aliquid amet non veniam eos et culpa inventore vitae quas! Veritatis facilis impedit, aperiam, distinctio corporis, magni esse laboriosam quia harum blanditiis sapiente. Id sunt amet praesentium quisquam ea doloremque necessitatibus commodi alias saepe, veritatis ratione voluptate, officia tenetur minus fuga nemo reiciendis possimus reprehenderit quas porro. Libero quaerat non quod.

<!--略-->
	<script>
	var acen_edit = ace.edit('mdeditor');
	acen_edit.setTheme('ace/theme/chrome');
	acen_edit.getSession().setMode('ace/mode/markdown');
	acen_edit.renderer.setShowPrintMargin(false);
	$("#mdeditor").keyup(function( ) {
	$("#preview").html(marked(acen_edit.getValue()));
});
</script>
</body>
</html>

Creative Design

Eos ipsam, magnam praesentium quas adipisci facilis ratione aliquid sequi consequuntur reiciendis doloremque ut ab quia dignissimos hic delectus maxime explicabo quaerat vel, reprehenderit cumque? Officiis voluptates recusandae eius eligendi unde quis eum cupiditate vitae quam, doloribus modi molestias, repellat similique tenetur placeat veniam enim aliquid ipsum sit iure facere. Nihil ab expedita animi dolores magnam magni optio unde esse laboriosam, sequi, odit cum dolor sunt! Sint distinctio repudiandae est possimus autem mollitia, ipsum quo deserunt similique repellendus praesentium, ex.

Non quaerat ducimus deserunt eos at. Laborum quod totam, quibusdam qui corporis eum necessitatibus enim. Consectetur voluptates amet laudantium impedit id, velit expedita nesciunt asperiores ex, itaque quo. Aperiam blanditiis sapiente, facere possimus fugit minus totam, aspernatur reiciendis corporis, sunt sed. Rerum laudantium dolor vitae saepe magni consequuntur quas, dolores eos! Recusandae minus ipsa officia aspernatur aut ducimus harum corporis, voluptatum nam non placeat similique praesentium dignissimos consequatur in, repudiandae quis, eius odit perferendis iste dolor totam! Dolorem, beatae, ipsum.

Totam facilis quos ratione, vitae nam. Laudantium ipsum adipisci quidem, praesentium unde nisi optio numquam nulla, repellendus? Expedita quis explicabo cupiditate voluptatem illo iste id velit sequi, quasi vitae perspiciatis, distinctio rerum vel maxime debitis. Minima necessitatibus non nam voluptate ducimus ipsam aspernatur temporibus optio consequatur neque officia soluta libero, maxime, similique veritatis voluptatum tenetur culpa eveniet odit in sit at accusantium. Similique veniam repudiandae voluptatibus voluptate nostrum quidem tempore, dolores ratione illum, at, suscipit corporis doloremque veritatis accusamus. Reprehenderit!

Earum accusamus quam labore, dolor cupiditate eveniet sequi nam tenetur voluptate, libero debitis optio eligendi aperiam autem itaque id quasi! Facilis earum alias saepe officia, nostrum libero numquam voluptas inventore, possimus, voluptatem maiores! Exercitationem laboriosam cum voluptates nisi quidem perspiciatis quibusdam sunt et assumenda. Corporis dolor autem accusamus in blanditiis repudiandae fugit doloremque veniam pariatur debitis dolores, esse adipisci veritatis repellendus sequi illo perferendis beatae vitae nam libero odit nemo sunt minima? Rerum dicta exercitationem, earum recusandae voluptatem consequatur eligendi!

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, modi!
  • Ea iure at, debitis culpa perspiciatis suscipit laudantium a, expedita.
  • Voluptate distinctio perspiciatis cum sed ipsum nisi accusantium a aut!
  • Sed vel quo dignissimos, quaerat totam officia, deserunt provident minus.

Free HTML5 Templates

Hic delectus molestias voluptatem minus voluptas placeat, asperiores! Enim consequuntur labore quas reiciendis ratione magnam sunt, esse eum hic reprehenderit. Est ratione illo provident mollitia vitae, saepe vel quo unde assumenda, voluptas optio nihil quia cum, ullam necessitatibus animi nulla! Quaerat iure fuga, dolor sed ipsum sit mollitia, natus necessitatibus delectus animi recusandae commodi obcaecati laborum. Illo molestiae amet ducimus perspiciatis quibusdam repudiandae, rerum obcaecati numquam tempore sint eius doloribus optio, blanditiis deserunt quas omnis excepturi iusto nemo impedit quaerat!

Accusamus voluptatum, minima quae expedita illo qui dolor vitae. Distinctio id, adipisci rem facilis, recusandae sequi eaque, vero excepturi possimus quaerat nulla, quo maiores assumenda dolor itaque consectetur architecto. Quibusdam vel, asperiores similique. Debitis, dolore. Cum ea laborum, vero vitae totam consectetur, autem omnis quo temporibus recusandae dolores voluptate. Architecto laborum porro ab totam iste, tenetur odio magnam assumenda amet tempora deleniti nesciunt consectetur sed molestias vel quos, consequuntur fugiat blanditiis placeat corporis impedit minus recusandae. Eveniet, eligendi quod numquam.

Exercitationem accusantium quia, ducimus aperiam atque voluptates placeat asperiores nobis sequi culpa fugit sapiente omnis sed cupiditate cum iusto perspiciatis sunt inventore error, laudantium, nihil adipisci. Neque aut sint ea vel amet necessitatibus fugit ducimus corporis aliquam consequuntur inventore nobis pariatur itaque sit facere molestiae, alias, quos, libero magnam. Nam sint atque praesentium consectetur molestiae, iusto corporis nihil autem repellat libero delectus! Nobis nostrum porro rem exercitationem perferendis, magni minima dolor! Iure consequatur quis, quibusdam animi assumenda autem cumque maiores.

Vel ducimus, eos. Tempore possimus fuga magnam officia, facere esse tenetur. Laborum, voluptas asperiores. Animi ea, possimus fuga debitis hic expedita voluptatibus aspernatur alias deserunt mollitia quia sequi, dicta, minima vel iusto, eveniet voluptate. Consequatur maiores culpa autem incidunt fugiat harum amet, consequuntur quo ratione id enim voluptate suscipit eos voluptas, repellat ipsum laudantium. Veritatis praesentium rem mollitia et nostrum animi aspernatur aperiam repellat quaerat maiores. Ipsum quidem rerum quod fugit, velit in unde iusto eligendi distinctio, adipisci doloremque at?

Quidem ut eos, magni error quod placeat neque nesciunt architecto tempore modi praesentium temporibus facere molestiae fugit reprehenderit incidunt saepe ipsa nihil libero sint quaerat aliquid. Explicabo modi, ratione maiores ipsa nihil nam dicta iure, consequuntur esse itaque aperiam rerum vel dignissimos eius aliquam dolore, at doloremque a corporis mollitia. Corporis, mollitia, labore! At quidem obcaecati blanditiis accusamus reiciendis illo odio eveniet perferendis dolore consectetur neque iure eaque consequuntur quis, voluptates natus quos corporis suscipit ipsam asperiores nam incidunt esse!

Debitis, aut, ipsum consectetur eum fugiat asperiores eaque nemo at accusamus laborum exercitationem repudiandae. Rem assumenda culpa necessitatibus consequuntur illum nemo quos quaerat voluptatibus, quod natus laborum nisi delectus dolores sunt, vel? Temporibus, sunt. Omnis culpa ex distinctio fugit nam! Pariatur deserunt non a, ipsum, vitae enim! Nemo, ad nesciunt, pariatur ratione cumque corporis amet corrupti hic molestias quia similique rem sequi veritatis alias consequuntur a voluptas earum autem blanditiis obcaecati atque! Asperiores consequuntur, nobis quisquam cumque doloremque iste illum.

妈:我打算在下个月和樱子结婚。
{:stripslashes(htmlspecialchars_decode(C('WEB_CHANGYAN')))}