ハイライト表示のプラグインを変更
yasuhiroソースコードを表示するためのプラグインを変更しました。これまでは「SyntaxHighlighter Evolved」を使っていましたが，再編集のために記事を開いたとき特殊文字の一部が自動変換されてしまうことがあり，いろいろ試しても解決できなかったので別のプラグインを使うことにしました。今回インストールしたのは「Code Block Pro」。Visual Studio Codeと同じレンダリングエンジンを採用しているそうで，画面表示がとてもきれいで気に入りました。
表示サンプル（AboutDialogFragment.kt）
class AboutDialogFragment : DialogFragment() {
override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
val html = getString(R.string.about)
// タイトル
val infoView = TextView(activity)
infoView.text = getString(R.string.about_title)
infoView.textSize = 20f
infoView.setTextColor(Color.WHITE)
infoView.setBackgroundColor(resources.getColor(R.color.steelblue))
infoView.setPadding(20, 20, 20, 20)
infoView.gravity = Gravity.CENTER
val dialog = activity?.let {
AlertDialog.Builder(it, R.style.DialogStyle)
.setCustomTitle(infoView)
// .setMessage("かけ算九九カード v1.0.0\n© 2024 y's freeside\nhttps://freeside.skr.jp/")
.setMessage(HtmlCompat.fromHtml(html, HtmlCompat.FROM_HTML_MODE_LEGACY))
.setPositiveButton(getString(R.string.btn_ok)) { _, _ -> }
.create()
}
this.setCancelable(false) //キャンセル操作（Backキーや画面外のタップなど）を無効
return dialog ?: throw IllegalStateException(getString(R.string.activity_null))
}
◆参考サイト
WordPress でソースコードをきれいに表示・埋め込むプラグイン 6 選
【VS Code風】WordPressでソースコードを埋め込むプラグイン「Code Block Pro」の使い方
