サイボウズ Office 施設のメモ欄のカスタマイズ

NO IMAGE

サイボウズの施設設定のメモ欄はHTMLタグが使用できない

前提として施設設定のメモ欄はタグを記述するとそのまま表示されます。

おそらくメモ欄はDB内容がtextノードに吐き出されるためタグもそのまま出力されていると思われます。

メモ欄のClass(facilitymemo)内をJsでカスタマイズする

今回は特定の文字色だけ太字で赤色にしたかったので下記のようなjsファイルを噛ませました。
※サイボウズOfficeは1個だけjava scriptファイルを設定できます。

function createFontColorValue(targetStr)
{
    var setName = '';
    var repStr = 'メモの中での置換対象の文字列';

	// 太字で赤くするようにタグを設定する
    setName = targetStr.replace(repStr,'<div><font color="red"><b>' + repStr + '</b></font></div>');
    return setName;
}

$(function(){
	$(".facilitymemo").each(function()
	{
	    var memo = $(this).html();
	    var setMemo = createFontColorValue(memo);
	    // htmlノードを書き換える
	    $(this).html(setMemo);
	});
});

おわりに

ChromeとIEとFirefoxで動作確認はしました。
全部赤くするとかだったら何も問題ないんだけど、特定の文字列となると
その対象が変わる度にjs書き換えが発生するので面倒くさい。

まぁ、こんなやり方もできるよって一例です。