Marked.js で Markdown をクライアント側でパースして表示する - Qiita
で、HTML に整形された文字列が返されるというシンプルなもの。(整形オプションがいろいろあるようだが割愛) Typescript クイックガイドでは、HTML 内に Markdown テキストがベタ書きされていたが、せっかくなので管理がしやすいように外部 Markdown ファイルを読みこむようにしてみた。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Markdown renderer</title> <meta name="description" content="Markdown renderer"> <!-- bootstrap --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" rel="styles
ブラウザで動くMarkdown editor - Nao Minami's Blog
vue.jsの公式サイトのexampleにmarkdown editorっていうのがあって、以下のコードの様にただfilterにmarked指定するだけでちゃんと動いててすごかった。 new Vue({ el: '#editor', data: { input: '# hello' }, filters: { marked: marked } }) htmlもこれだけ <div id="editor"> <textarea v-model="input"></textarea> <div v-html="input | marked"></div> </div> marked.jsのmarked関数を適用してるだけなのでmarked.jsがすごいのかもだけど、感動したので手元でも動かしてみた。 環境 例によって、yoのwebappを使う。 bowerでvue.jsとmarked.jsをin
JavaScript - Markdownパーサーのshowdown.js、markdown-js、markedを簡単比較 - ぼっち勉強会
主に比較したいこと 使い方 変換結果の見た目の印象 table記法を解釈できるか コードブロックの解釈 動作確認の前提 MarkdownはQuick Markdown Exampleから一部引用しています 使用したテキストはGistに置いておきます CSSはTwitter Bootstrapを使っています クライアントで使う場合を想定しています(=node.jsでの使用例ではない) HTMLはどれも次のコードを基本としています <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link href="bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div id="content">hoge</div> </di
highlight.js
192 languages and 496 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights required" exit 2 fi genApacheConf(){ echo -e "# Host ${HOME_DIR}$1/$2 :" } echo '"quote
ソースコードをハイライトする軽量ライブラリ、Highlight.jsの使い方
ソースコードをハイライトして見やすく表示するには、Highlight.jsが、軽量でバグもなく、お勧めです。
ちょ〜、簡単にJavascriptを使ってURLをパースする。 - Qiita
document.createElementでaオブジェクトを作ってそのオブジェクトのプロパティを使う！ var parser = document.createElement('a'); parser.href = "http://hogehoge:8080/pathname/?search=test#hash"; parser.protocol; // => "http:" parser.hostname; // => "hogehoge" parser.port; // => "8080" parser.pathname; // => "/pathname/" parser.search; // => "?search=test" parser.hash; // => "#hash" parser.host; // => "hogehoge:8080" Register as a n
RSS Parser::Tutorial.ja
$Id: Tutorial.ja 325 2007-09-09 10:18:31Z kou $ 注意 RSS ParserはRSS 0.9x/1.0/2.0をサポートしていますが，RSS 0.90 はサポートしてません．ごめんなさい． Atom・Podcast用モジュール（itunes:XXX要素）を使いたい場合は 0.1.8以降を使ってください。 Slashモジュール（slash:XXX要素）を使いたい場合は0.2.0以降を 使ってください。 require 0.1.4以前はいろいろrequireしないといけなかったんですが， 0.1.5からは以下のひとつのrequireでよくなりました． require 'rss' パース フィードをパースしたい場合はRSS::Parserクラスを使います。 RSS::Parser.parseはフィードの文字列，ファイル名またはURIオブ ジェクトをパ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - markedjs/marked: A markdown parser and compiler. Built for speed.