如何給存在資料庫中的文字資料新增顏色樣式

2021-10-20 22:02:20 字數 1952 閱讀 5192

需求:

將給定的文件內容存入資料庫(用的orcale),查詢到的資料在頁面展示時,實現原標紅字型樣式,頁面展示時同樣顯示,且內容可編輯。

因文字內容較多,將該字段定義為clob型別

存入,示例:

取出,示例:

因為要遍歷的內容要區分標題和內容、且方便訪問,欄位中資料格式定義為json陣列型別,例如:[,

]}]},

,]第一次嘗試的方法是:使用textarea,使用雙向繫結可以實現文字可編輯,可是因為文字中含有span標籤,所以報錯

第二次嘗試的方法是:使用div,因為div中可以允許有span標籤,且contenteditable = 「true」,可以將div變成文字樣式,可以進行內容編輯

1.最開始沒有新增(input)中的內容,且innerhtml為雙向繫結,但是在頁面上進行修改後,內容並沒有改變,所以加上了(input) = 「item.content=eve

nt.t

arge

t.in

nerh

tml」

,注意:

此時這裡

使用的是

item

.con

tent

,然後出

現了另一

個坑頁面

內容可以

進行改變

了,修改

一次後光

標自動定

位到文段

的最開始

原因:內

容修改後

會影響(

inne

rhtm

l)中的

內容,使

游標位置

修改解決

方式:(

inpu

t)=「

item

.con

tent

1=event.target.innerhtml」,注意:此時這裡使用的是item.content,然後出現了另乙個坑 頁面內容可以進行改變了,修改一次後游標自動定位到文段的最開始 原因:內容修改後會影響(innerhtml)中的內容,使游標位置修改 解決方式:(input) = 「item.content1=

event.

targ

et.i

nner

html

」,注意

:此時這

裡使用的

是ite

m.co

nten

t,然後

出現了另

乙個坑頁

面內容可

以進行改

變了,修

改一次後

游標自動

定位到文

段的最開

始原因:

內容修改

後會影響

(inn

erht

ml)中

的內容,

使游標位

置修改解

決方式:

(inp

ut)=

「ite

m.co

nten

t1=event.target.innerhtml」,將item.content 改為 item.content1,意思就是將修改後的內容賦值給另乙個變數,具體也不太清楚····這樣就解決了前面的坑

2.前段資料傳值問題:

(1)最開始,前端資料直接傳到後端,在後端對資料進行轉json字串處理,問題是,文字中的span標籤被轉義,導致再查詢到前端時,解析報錯

(2)解決方式:前端將最終的資料轉為json字串格式,然後傳到後台,直接賦值就行,後端再查詢時,在前端進行轉json處理

這步就好實現了,直接在css中設定該div下span標籤的顏色即可!

最開始拿到這個需求還以為實現不了,且之前沒有做過這樣的需求,好在通過問同事都解決了!好記性不如爛筆頭,發表出來,怕以後自己忘記.。哈哈哈

判斷資料在資料庫中是否已存在

今天下午和同事發生因為判斷資料是否在資料庫中已存在產生分歧.簡易 如下 觀點一,先取出資料庫中已存在id存入記憶體,再進行判斷 資料太多情況,記憶體 datetable dt excutesql select id from table list為資料集,已經去重 foreach var item ...

如何快速在資料庫中插入資料

工作中很少用mysql插入資料,今天正好遇到,學習下 在toad mysql工具裡面,除了像execl 一樣手動插入資料之外,最好用insert語句插入資料,怎麼快速生成資料呢?1.右擊需要插入資料表,這裡是cd financing income,彈出generate sql 選擇to editor...

如何快速在資料庫中插入資料

工作中很少用mysql插入資料,今天正好遇到,學習下 在toad mysql工具裡面,除了像execl 一樣手動插入資料之外,最好用insert語句插入資料,怎麼快速生成資料呢?1.右擊需要插入資料表,這裡是cd financing income,彈出generate sql 選擇to editor...