英数字単語の前後にスペースを空けたい

[arowM]

読みやすさのために日本語の文字と英数字の word の前後にこのように半角を入れる流儀があります。
しかし、翻訳時に半角スペースを入れるのは

• 手間が増える
• 見た目に関わるものだから翻訳文自体に手を入れたくない

という理由で、できればコンパイル時に
この文章はEnglish-wordと日本語がどちらも入っています

のような文章を

この文章は<span class="alphanumWord">English-word</span>と日本語がどちらも入っています

として出力し、CSSで前後にスペースを入れたいです。

おそらく gitbook の pluginで対応することになると思うので、既存のpluginにこのようなものがなければ自作する必要があると思います。

• そもそも英数字単語の前後にスペースはいらないよ
• やっぱり訳文に半角スペースを手動で入れたほうが良いよ
• plugin よりももっといい方法があるよ

なども含め、皆さんのお知恵をお貸しください m(_ _)m

[jinjor]

そういうライブラリ作ったことあるので後で共有します

[arowM]

前にブラウザエクステンションとか作ってましたよね！

[jinjor]

それです。よく覚えていないけどこの関数使えばいいっぽい。
https://github.com/jinjor/ja-en-separator/blob/master/package/content-script.js#L26