QtQuick實現文字編輯和顯示文字行號 改進版

2021-06-26 13:44:10 字數 1981 閱讀 2010

可以檢視這個簡單的專案

qtquickeditor

先上張效果圖

現在簡單的說說**的

主要講講textview的**

下面的**是乙個自定義button的控制項

/*work for desktop and harmattan

* *by qyvlik

*[email protected]

*2014/10/25/11:33

*china

**/import qtquick 1.1

rectangle

mousearea

component.oncompleted:

}

接下是使用textview了

/*work for desktop and harmattan

*some bug,can't auto fix textedit width

* *by qyvlik

*[email protected]

*2014/10/25/11:33

*china

**/import qtquick 1.1

item

contentheight :showtext.height

contentwidth: showtext.width//linelength

enabled: !hold

smooth: true

column else }}

}text

text:index+1

color:"red"}}

}}textedit

font.pointsize:textpointsize;

wrapmode:textedit.nowrap

textformat:textedit.plaintext

focus: true

activefocusonpress:true}}

textedit

rectangle

rectangle

function linenumberwidth(linecount)

return space = width * 20

}function cleartext ()

function fixviewwidth(text)

i+=1;

tempstr1 = temparray[i];

}delete tempstr1;

delete temparray;

return maxwidth;

}function fixwidth()

}

三個函式

乙個是cleartext()清除文字內容

乙個是行號顯示區域的寬度調整

乙個是textview的contentwidth的調整fixwidth()

直接上main.qml的**

/*work for desktop and harmattan

*some bug,can't auto fix textview width

* *by qyvlik

*[email protected]

*2014/10/25/11:33

*china

**/import qtquick 1.1

import "component"

rectangle

textpointsize:10

}row

spacing: 10

button else

textview.fixwidth();}}

button

}button else }}

}}

富文字編輯器froalaEditor回顯問題

富文字編輯器froalaeditor常規使用 這是別的大佬的,我是看著這個操作做出的!很詳細nice 使用富文字編輯器froalaeditor出現了文字回顯的時候內容一直帶著html標籤。各種嘗試弄出來了一種解決方案 escape i feedback record froalaeditor htm...

vue wangEditor 實現富文字編輯器元件

父元件 richtext.vue 子元件 editor.vue 使用小結 1 wangeditor 外掛程式的選單和編輯區域其實是兩個單獨的 使用 new 建立例項的可以分別傳入兩個物件表示選單區域和編輯區域 2 編輯區域的 z index 預設為 10000,可自定義修改。修改之後,編輯區域和選單...

文字編輯框 調整文字編輯區域

在多行模式下的cedit類提供void cedit setrectnp lpcrect lprect 函式,此函式用來調整文字編輯的區域,用這個函式可以設定上下左右margins,而void setmargins uint nleft,uint nright 函式只能設定左右margins。crec...