本技術(shù)涉及計(jì)算機(jī)，尤其涉及一種顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，用戶(hù)對(duì)于前端頁(yè)面的要求越來(lái)越高。文字，作為頁(yè)面信息的載體，作為傳遞信息最重要的組成部分之一，人們已經(jīng)不再滿(mǎn)足于基本的單色彩，需要對(duì)文字設(shè)置各種樣式。例如，為文本設(shè)置文字漸變色樣式、文本陰影樣式和文字刪除線(xiàn)樣式。

2、然而，在使用層疊樣式表（cascading?style?sheets，css）為文本配置樣式時(shí)，由于不同樣式之間可能存在渲染沖突，導(dǎo)致文本的顯示效果較差。例如，在渲染文字描邊樣式時(shí)，隨著描邊元素逐漸變粗，會(huì)使得字體逐漸變細(xì)，呈現(xiàn)出文字本身被描邊遮蓋的顯示效果。

技術(shù)實(shí)現(xiàn)思路

1、本技術(shù)提供一種顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)，用于解決多個(gè)渲染樣式對(duì)待渲染文本進(jìn)行渲染導(dǎo)致的渲染效果較差的技術(shù)問(wèn)題。

2、第一方面，本技術(shù)提供一種顯示方法，應(yīng)用于電子設(shè)備，電子設(shè)備用于運(yùn)行基于層疊樣式表css的頁(yè)面編輯應(yīng)用，層疊樣式表css包括預(yù)定義的多個(gè)基礎(chǔ)樣式和高級(jí)樣式，高級(jí)樣式與基礎(chǔ)樣式之間不存在沖突關(guān)系，該方法包括：顯示頁(yè)面編輯應(yīng)用的編輯界面。響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，按照預(yù)設(shè)的基礎(chǔ)樣式將用戶(hù)輸入的目標(biāo)文本顯示在第一顯示層級(jí)。響應(yīng)于用戶(hù)選擇第一文本樣式的操作，將第一文本樣式對(duì)應(yīng)的第一樣式元素顯示在第二顯示層級(jí)。響應(yīng)于用戶(hù)選擇第二文本樣式的操作，在第二文本樣式與第一文本樣式符合預(yù)設(shè)沖突關(guān)系，或者第二文本樣式是預(yù)設(shè)的沖突樣式的情況下，將第二文本樣式對(duì)應(yīng)的第二樣式元素顯示在第三顯示層級(jí)；第一文本樣式和第二文本樣式為不同的高級(jí)樣式。

3、這樣，將css的樣式分為基礎(chǔ)樣式以及高級(jí)樣式，高級(jí)樣式與基礎(chǔ)樣式之間不存在沖突關(guān)系。在顯示css的頁(yè)面編輯應(yīng)用的編輯界面的情況下，在第一顯示層級(jí)顯示基礎(chǔ)樣式對(duì)應(yīng)的樣式元素，并在第二顯示層級(jí)顯示第一樣式元素。后續(xù)的，在第二文本樣式與第一文本樣式符合預(yù)設(shè)沖突關(guān)系，或者第二文本樣式是預(yù)設(shè)的沖突樣式的情況下，將第二文本樣式對(duì)應(yīng)的第二樣式元素顯示在第三顯示層級(jí)。如此，將顯示沖突的高級(jí)樣式分層顯示，避免同層級(jí)的高級(jí)樣式之間發(fā)生顯示沖突，在編輯界面中呈現(xiàn)的樣式元素的顯示效果是符合用戶(hù)期望的顯示效果，保證了頁(yè)面開(kāi)發(fā)人員的開(kāi)發(fā)效率和體驗(yàn)。

4、一種可能的實(shí)現(xiàn)方式中，上述“響應(yīng)于用戶(hù)選擇第一文本樣式的操作，將第一文本樣式對(duì)應(yīng)的第一樣式元素顯示在第二顯示層級(jí)”，包括：根據(jù)第一文本樣式，確定第一顯示層級(jí)和第二顯示層級(jí)各自的層級(jí)高度，其中，層級(jí)高度用于指示不同顯示層級(jí)之間的堆疊順序。根據(jù)第一顯示層級(jí)和第二顯示層級(jí)各自的層級(jí)高度，將第一樣式元素顯示在第二顯示層級(jí)，第二顯示層級(jí)位于第一顯示層級(jí)之上或者之下。

5、一種可能的實(shí)現(xiàn)方式中，上述“將第二文本樣式對(duì)應(yīng)的第二樣式元素顯示在第三顯示層級(jí)”，包括：根據(jù)第一文本樣式和第二文本樣式，確定第一顯示層級(jí)、第二顯示層級(jí)和第三顯示層級(jí)各自的層級(jí)高度。其中，層級(jí)高度用于指示不同顯示層級(jí)之間的堆疊順序。根據(jù)第一顯示層級(jí)、第二顯示層級(jí)和第三顯示層級(jí)各自的層級(jí)高度，將第二樣式元素顯示在第三顯示層級(jí)，第三顯示層級(jí)位于第一顯示層級(jí)之上、第一顯示層級(jí)之下、第二顯示層級(jí)之上，或者第二顯示層級(jí)之下。

6、一種可能的實(shí)現(xiàn)方式中，響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，按照預(yù)設(shè)的基礎(chǔ)樣式將用戶(hù)輸入的目標(biāo)文本顯示在第一顯示層級(jí)之前，方法還包括：響應(yīng)于用戶(hù)啟動(dòng)文本編輯的操作，生成初始的文本編輯容器，并顯示與初始的文本編輯容器對(duì)應(yīng)的文本編輯控件。文本編輯容器用于配置目標(biāo)文本對(duì)應(yīng)的待渲染數(shù)據(jù)，待渲染數(shù)據(jù)用于電子設(shè)備的瀏覽器進(jìn)行渲染，以得到目標(biāo)文本的待顯示數(shù)據(jù)。其中，初始的文本編輯容器包括第一容器、第二容器和第三容器，第一容器為第二容器和第三容器的父容器。第一容器承載了文本的預(yù)設(shè)基礎(chǔ)樣式。第二容器用于支持用戶(hù)的輸入文本的操作。第三容器用于承載文本的預(yù)設(shè)高級(jí)樣式。

7、一種可能的實(shí)現(xiàn)方式中，上述“響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，將用戶(hù)輸入的目標(biāo)文本顯示在第一顯示層級(jí)”，包括：響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，將初始的文本編輯容器切換到可編輯狀態(tài)。利用第二容器獲取用戶(hù)輸入的目標(biāo)文本，并按照第一容器中承載的基礎(chǔ)樣式，在第一顯示層級(jí)顯示目標(biāo)文本。

8、一種可能的實(shí)現(xiàn)方式中，上述“響應(yīng)于用戶(hù)選擇第一文本樣式的操作，將第一文本樣式對(duì)應(yīng)的第一樣式元素顯示在第二顯示層級(jí)”，包括：將第一文本樣式配置到第三容器。和/或，

9、上述“將第二文本樣式對(duì)應(yīng)的第二樣式元素顯示在第三顯示層級(jí)”，包括：在文本編輯容器中生成與第三容器并列的第四容器，并將第二文本樣式配置到第四容器。和/或，

10、預(yù)設(shè)基礎(chǔ)樣式包括字體顏色、字體大小以及字體樣式中的至少一個(gè)，預(yù)設(shè)高級(jí)樣式為文字漸變色樣式、文字刪除線(xiàn)樣式、文字陰影樣式或者文字描邊樣式。

11、一種可能的實(shí)現(xiàn)方式中，在第一文本樣式為文字漸變色樣式的情況下，第二文本樣式為文字刪除線(xiàn)樣式，第二顯示層級(jí)位于第一顯示層級(jí)之上，第三顯示層級(jí)位于第二顯示層級(jí)之上。在第一文本樣式為文字陰影樣式的情況下，第二文本樣式為文字描邊樣式，第一顯示層級(jí)位于第三顯示層級(jí)之上，第二顯示層級(jí)位于第一顯示層級(jí)之上。

12、第二方面，本技術(shù)提供一種文本渲染裝置，應(yīng)用于電子設(shè)備，電子設(shè)備用于運(yùn)行基于層疊樣式表css的頁(yè)面編輯應(yīng)用，層疊樣式表css包括預(yù)定義的多個(gè)基礎(chǔ)樣式和高級(jí)樣式，高級(jí)樣式與基礎(chǔ)樣式之間不存在沖突關(guān)系，該裝置包括：顯示單元。

13、顯示單元，用于顯示頁(yè)面編輯應(yīng)用的編輯界面。

14、顯示單元，還用于響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，按照預(yù)設(shè)的基礎(chǔ)樣式將用戶(hù)輸入的目標(biāo)文本顯示在第一顯示層級(jí)。

15、顯示單元，還用于響應(yīng)于用戶(hù)選擇第一文本樣式的操作，將第一文本樣式對(duì)應(yīng)的第一樣式元素顯示在第二顯示層級(jí)。

16、顯示單元，還用于響應(yīng)于用戶(hù)選擇第二文本樣式的操作，在第二文本樣式與第一文本樣式符合預(yù)設(shè)沖突關(guān)系，或者第二文本樣式是預(yù)設(shè)的沖突樣式的情況下，將第二文本樣式對(duì)應(yīng)的第二樣式元素顯示在第三顯示層級(jí)。

17、一種可能的實(shí)現(xiàn)方式中，顯示單元，具體用于：根據(jù)第一文本樣式，確定第一顯示層級(jí)和第二顯示層級(jí)各自的層級(jí)高度，其中，層級(jí)高度用于指示不同顯示層級(jí)之間的堆疊順序。根據(jù)第一顯示層級(jí)和第二顯示層級(jí)各自的層級(jí)高度，將第一樣式元素顯示在第二顯示層級(jí)，第二顯示層級(jí)位于第一顯示層級(jí)之上或者之下。

18、一種可能的實(shí)現(xiàn)方式中，顯示單元，具體用于：根據(jù)第一文本樣式和第二文本樣式，確定第一顯示層級(jí)、第二顯示層級(jí)和第三顯示層級(jí)各自的層級(jí)高度。其中，層級(jí)高度用于指示不同顯示層級(jí)之間的堆疊順序。根據(jù)第一顯示層級(jí)、第二顯示層級(jí)和第三顯示層級(jí)各自的層級(jí)高度，將第二樣式元素顯示在第三顯示層級(jí)，第三顯示層級(jí)位于第一顯示層級(jí)之上、第一顯示層級(jí)之下、第二顯示層級(jí)之上，或者第二顯示層級(jí)之下。

19、一種可能的實(shí)現(xiàn)方式中，文本渲染裝置，還包括：生成單元。生成單元，用于響應(yīng)于用戶(hù)啟動(dòng)文本編輯的操作，生成初始的文本編輯容器。顯示單元，還用于：顯示與初始的文本編輯容器對(duì)應(yīng)的文本編輯控件。文本編輯容器用于配置目標(biāo)文本對(duì)應(yīng)的待渲染數(shù)據(jù)，待渲染數(shù)據(jù)用于電子設(shè)備的瀏覽器進(jìn)行渲染，以得到目標(biāo)文本的待顯示數(shù)據(jù)。其中，初始的文本編輯容器包括第一容器、第二容器和第三容器，第一容器為第二容器和第三容器的父容器。第一容器承載了文本的預(yù)設(shè)基礎(chǔ)樣式。第二容器用于支持用戶(hù)的輸入文本的操作。第三容器用于承載文本的預(yù)設(shè)高級(jí)樣式。

20、一種可能的實(shí)現(xiàn)方式中，顯示單元，具體用于：響應(yīng)于用戶(hù)在編輯界面上輸入文本的操作，將初始的文本編輯容器切換到可編輯狀態(tài)。利用第二容器獲取用戶(hù)輸入的目標(biāo)文本，并按照第一容器中承載的基礎(chǔ)樣式，在第一顯示層級(jí)顯示目標(biāo)文本。

21、一種可能的實(shí)現(xiàn)方式中，顯示單元，具體用于：將第一文本樣式配置到第三容器。和/或，

22、響應(yīng)于用戶(hù)選擇第二文本樣式的操作，在文本編輯容器中生成與第三容器并列的第四容器，并將第二文本樣式配置到第四容器。和/或，

23、預(yù)設(shè)基礎(chǔ)樣式包括字體顏色、字體大小以及字體樣式中的至少一個(gè)，預(yù)設(shè)高級(jí)樣式為文字漸變色樣式、文字刪除線(xiàn)樣式、文字陰影樣式或者文字描邊樣式。

24、一種可能的實(shí)現(xiàn)方式中，在第一文本樣式為文字漸變色樣式的情況下，第二文本樣式為文字刪除線(xiàn)樣式，第二顯示層級(jí)位于第一顯示層級(jí)之上，第三顯示層級(jí)位于第二顯示層級(jí)之上。在第一文本樣式為文字陰影樣式的情況下，第二文本樣式為文字描邊樣式，第一顯示層級(jí)位于第三顯示層級(jí)之上，第二顯示層級(jí)位于第一顯示層級(jí)之上。

25、第三方面，本技術(shù)提供一種電子設(shè)備，該電子設(shè)備包括處理器和存儲(chǔ)器。存儲(chǔ)器存儲(chǔ)有處理器可執(zhí)行的指令。處理器被配置為執(zhí)行指令時(shí)，使得電子設(shè)備實(shí)現(xiàn)上述第一方面的顯示方法。

26、第四方面，本技術(shù)提供一種計(jì)算機(jī)程序產(chǎn)品，當(dāng)該計(jì)算機(jī)程序產(chǎn)品在電子設(shè)備中運(yùn)行時(shí)，使得電子設(shè)備執(zhí)行上述第一方面相關(guān)方法的，以實(shí)現(xiàn)上述第一方面的顯示方法。

27、第五方面，本技術(shù)提供一種可讀存儲(chǔ)介質(zhì)，該可讀存儲(chǔ)介質(zhì)包括：軟件指令。當(dāng)軟件指令在電子設(shè)備中運(yùn)行時(shí)，使得電子設(shè)備實(shí)現(xiàn)上述第一方面的顯示方法。

28、上述第二方面至第五方面的有益效果可以參照第一方面所述，不再贅述。