Amanatsu.js
Amanatsu.js は、 mikan.js から派生したソフトウェアです。
正規表現を用いた簡易形態素解析による、単語の改行問題への解決策を提供します。
Mikan.js からの主な変更点
- 助詞などのパターンをオプションで変更可能
- DOM 要素に簡単に適用可能
- ES2015 で書き直し
- その他、バグの修正等
インストール
npm install amanatsu
使い方
apply() メソッドは引数に文字列と DOM 要素のどちらかを指定することが出来ます。
文字列を引数にするとHTML文字列が返ってきて、DOM 要素を引数にすると直接 DOM を操作します。
Node.js で用いる場合
const Amanatsu = require('amanatsu');
const amanatsu = new Amanatsu({
style: false,
className: 'nowrap'
})
console.log(amanatsu.apply('常に最新、最高のモバイル。Androidを開発した同じチームから。'));
/*
<span class="nowrap" role="presentation">常に</span>
<span class="nowrap" role="presentation">最新、</span>
<span class="nowrap" role="presentation">最高の</span>
<span class="nowrap" role="presentation">モバイル。</span>
<span class="nowrap" role="presentation">Androidを</span>
<span class="nowrap" role="presentation">開発した</span>
<span class="nowrap" role="presentation">同じ</span>
<span class="nowrap" role="presentation">チームから。</span>
*/
console.log(amanatsu.split('常に最新、最高のモバイル。Androidを開発した同じチームから。'));
// ['常に', '最新、', '最高の', 'モバイル。', 'Androidを', '開発した', '同じ', 'チームから。']Web で用いる場合
<div>常に最新、最高のモバイル。<b>Android</b>を開発した同じチームから。</div>
<script src="amanatsu.js"></script>
<script>
var amanatsu = new Amanatsu();
window.addEventListener('load', function () {
amanatsu.apply(document.body);
}, false)
</script>Reactで用いる場合
<div dangerouslySetInnerHTML={{__html : amanatsu.apply('常に最新、最高のモバイル。Androidを開発した同じチームから。')}} />もしくは
{amanatsu.split('常に最新、最高のモバイル。Androidを開発した同じチームから。').map(text => <span>{text}</span>)}