zishu's blog

zishu's blog

一个热爱生活的博主。https://zishu.me

Anghunkのテーマは、バックエンドのコメントリストで絵文字を解析する方法はありますか?

この記事は Anghunk テーマ開発ドキュメント用に作成されました。
https://github.com/98fuel/Anghunk

この方法は梦繁星の協力のもとで完成しました。

紹介#

Anghunk のコメントには多くの素敵な絵文字が含まれていますが、通常の状況では Typecho のバックエンドではこれらの絵文字を正しく解析することはできません。以下の画像をご覧ください。

image


しかし、私が絵文字を解析した後は、以下のようになります。テーマでこの機能が必要な場合は、以下の手順に従って改造することができます。

image

変更#

/admin/manage-comments.php ファイルを開き、以下をファイルの先頭に挿入します:

/*
* 絵文字を解析する
*/
function getparseBiaoQingComment($content) {
	$emopath=$_SERVER['REQUEST_SCHEME'].":". DIRECTORY_SEPARATOR . DIRECTORY_SEPARATOR . $_SERVER['HTTP_HOST'];
	$emo = false;
	global $emo;
	if(!$emo) {
		$emo = json_decode(file_get_contents(dirname(dirname(dirname(__FILE__))).'/zburu.com/usr/themes/Anghunk/libs/OwO.json'), true);
	}
	foreach ($emo as $v) {
		if($v['type'] == 'image') {
			foreach ($v['container'] as $vv) {
				$emoaa="::".$v['name'].":".$vv['icon']."::";
				$content = str_replace($emoaa, '  <img style="max-height:40px;vertical-align:middle;" src="'.$emopath.'/usr/themes/Anghunk/libs/emotion/'.$v['name'].'/'.$vv['icon'] .'.png"  alt="'.$vv['text'] .'">  ', $content);
			}
		}
	}
	return $content;
}

注意:挿入する位置は <?php ... ?> の間である必要があります

**166行目 を見つけて、以下のコードでタグの中身を置き換えます。 **

<div class="comment-content">
   <!-- 絵文字を含むコメントを解析して出力 -->
   <?php $con=$comments->content; echo getparseBiaoQingComment($con); ?>
</div> 

その後、バックエンドのコメントリストでコメントが正しく解析されていることが確認できます。この方法は Anghunk テーマにのみ適用されます。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。