Javascirpt製マークアップ・エディター「SmartMarkUP」 < ウェブ

2008年12月13日

Javascirpt製マークアップ・エディター「SmartMarkUP」 @ ウェブ

現在制作中のCMSにHTMLエディターの様なモノを追加したいと思っていたところに、丁度良さそうなモノを見付けたので試してみました。

導入にはスタイルシート関連を2行。

<link type="text/css" rel="stylesheet" href="smarkup/skins/style.css" />
<link type="text/css" rel="stylesheet" href="smarkup/skins/default/style.css" />

そして、Javascirptを数行書くだけ。

<script type="text/javascript" src="smarkup/smarkup.js"></script>
<script type="text/javascript" src="smarkup/conf/html/conf.js"></script>
<script type="text/javascript">
SMarkUp.bind(
'id', //textarea id
'html', //makup configuration name
300 //height of textarea
);
</script>

物凄く簡単です。ただ、幅が535px位に成ってしまうので、現在制作中のCMSの横幅を少し修正する必要がありました。幅が狭いと、テキストエリアの上に並ぶアイコンが改行されてしまいます。(カスタマイズ出来る様なので、アイコンの数を減らせば、幅は狭くても使えるかも。)

当初は、TinyMCEの様なWYSIWYGエディターも考えていたのですが、自分で管理するページなので、HTMLエディターの方が理想的。まさにこれは丁度良かったので、採用してみようと思います。

SmartMarkUP Universal markup editor and platform!
>>関連リンク

JavaScript産の導入が簡単で強力なマークアップエディタ*ホームページを作る人のネタ帳
>>関連リンク

TinyMCE - Home
>>関連リンク