uniappはhtmlをレンダリングし、リッチテキスト、リッチテキストコンポーネントを解析し、クラススタイルをサポートします

直接コーディングする

<template>
	<view class="container">
		<rich-text :nodes="html"></rich-text>
	</view>
</template>

<script>
	export default {
    
    
		data() {
    
    
			return {
    
    
				html: `<div style='color:red' class='classTest'>hello world</div>`
			}
		},
		methods: {
    
    

		}
	}
</script>

<style>
.classTest{
    
    
	color: blue !important;
}
</style>

効果

ここに画像の説明を挿入

classTestスタイルがレンダリングされていないことがわかります

公式サイトの説明と合わせて

ここに画像の説明を挿入

つまり、クラスとスタイルの属性をサポートしますが、クラスはグローバルで記述する必要があります

App.vueファイルを入力します

ここに画像の説明を挿入

<style>

.classTest{
    
    
	color: blue !important;
}
</style>

効果

ここに画像の説明を挿入

完璧なソリューション

おすすめ

転載: blog.csdn.net/hu1628299958/article/details/114693627