Help us understand the problem. What is going on with this article?

HarooPad for Markdown Editor

More than 5 years have passed since last update.

はじめに

HarooPad は Markdown Editor の一つです。これまで試してきた Markdown Editor は Markdown 記法が思い通りにプレビューに反映されなかったり、プレビューのスタイルがずれたりと Markdown Editor して、あと一歩という感じのものがありました。しかし、Haroopad は Kobito と同じように Markdown 記法を正確にプレビューに反映してくれます。HarooPad は公式サイトからダウンロードできます。

HarooPad の特徴

  • Live プレビューができる。
  • プレビューのテーマが多い。
  • HTML に変換できる。
  • マルチプラットフォーム対応(Windows/Mac OS X/Linux)
  • Vim キーバインド

スクリーンショット 2014-05-25 0.53.27.png

エディタの設定

ファイル > 設定 > エディタ > あなたのスタイル > 編集

編集ボタンをクリックするとファイルブラウザが立ち上がって、default.cssを確認することができます。
このdefault.cssmyStyle.cssにコピーして、エディタのスタイルを設定します。

フォントの設定

editor {
  font-family: 'Ricty-Regular' !important;
}

エディタ > あなたのスタイル をmyStyleに変更して再読込ボタンを押すとスタイルが反映されます。

スクリーンショット 2014-05-25 9.24.59.png

ビューワの設定

ファイル > 設定 > ビューワ > あなたのスタイル > 編集

編集ボタンをクリックするとファイルブラウザが立ち上がって、default.cssを確認することができます。
このdefault.cssmyStyle.cssにコピーして、エディタのスタイルを設定します。

フォントの設定

テキストにはプロポーショナルフォント、コードには等幅フォントを設定しました。

* {
  font-family: "Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

code {
  font-family: "Bitstream Vera Sans Mono","Courier",monospace;
}

ビューワ > あなたのスタイル をmyStyleに変更して再読込ボタンを押すとスタイルが反映されます。

スクリーンショット 2014-05-25 9.24.49.png

ウェブフォント

@importをサポートしているので、Google web fonts も利用できます。

aaa
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

editor {
  font-family: "Open Sans" !important;
}

Syntax Highlight

HarooPad はコードブロックに言語を指定できます。ただし、Qiita Markdown のようにファイル名を指定することはできません。

```ruby
# コード
```

シンタックスハイライト可能な言語一覧

言語 キー
Python python
Python’s profiler output profile
Ruby ruby
Haml haml
Perl perl
PHP php
Scala scala
Go go
XML xml
HTML (with inline css and javascript) xml
Lasso lasso
Markdown markdown
AsciiDoc asciidoc
Django templates django
Handlebars handlebars
CSS css
SCSS scss
JSON json
JavaScript javascript
CoffeeScript coffeescript
ActionScript actionscript
VBScript vbscript
VB.NET vbnet
HTTP http
Lua lua
AppleScript applescript
Delphi delphi
Oxygene oxygene
Java java
C++ cpp
Objective C objectivec
Vala vala
C# cs
F# fsharp
OCaml ocaml
D d
RenderMan RSL rsl
RenderMan RIB rib
MEL (Maya Embedded Language) mel
GLSL glsl
SQL sql
SmallTalk smalltalk
Lisp lisp
Clojure clojure
Ini file ini
Apache apache
nginx nginx
Diff diff
DOS batch files dos
Bash bash
Makefile makefile
CMake cmake
Axapta axapta
Oracle Rules Language ruleslanguage
1C 1c
AVR Assembler avrasm
VHDL vhdl
Parser 3 parser3
LiveCode Server livecodeserver
TeX tex
BrainFuck brainfuck
Haskell haskell
Erlang erlang
Erlang REPL erlang-repl
Rust rust
Matlab matlab
Scilab scilab
R r
Mizar mizar
Mathematica mathematica
AutoHotkey autohotkey
FIX fix

公式サイト

naoyoshinori
2011年ETロボコンCS大会のモデル評価A-。UMLモデラー, Webプログラマー and Linuxエンジニア。Java/Groovy/Spock/Gradle/Linux
http://yoshi-naoyuki.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした