1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
/*
* Copyright (C) 2017 Michael Bohlender, <michael.bohlender@kdemail.net>
* Copyright (C) 2017 Christian Mollekopf, <mollekopf@kolabsys.com>
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with this program; if not, write to the Free Software Foundation, Inc.,
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import QtQuick 2.7
import QtQuick.Controls 2
import org.kube.framework 1.0 as Kube
FocusScope {
id: root
property string text: ""
property bool htmlEnabled: false
property alias bold: document.bold
property alias italic: document.italic
property alias underline: document.underline
property string initialText
onInitialTextChanged: {
htmlEnabled = document.isHtml(initialText)
edit.text = initialText
}
onHtmlEnabledChanged: {
if (htmlEnabled) {
var t = document.htmlText
edit.textFormat = Qt.RichText
edit.text = t
} else {
var t = document.plainText
document.resetFormat()
edit.textFormat = Qt.PlainText
edit.text = t
}
}
Kube.TextDocumentHandler {
id: document
document: edit.textDocument
selectionStart: edit.selectionStart
selectionEnd: edit.selectionEnd
onTextChanged: {
root.htmlEnabled ? root.text = htmlText : root.text = plainText
}
cursorPosition: edit.cursorPosition
}
Rectangle {
anchors.fill: parent
border.width: 1
border.color: root.activeFocus ? Kube.Colors.highlightColor : Kube.Colors.buttonColor
color: Kube.Colors.viewBackgroundColor
Flickable {
id: flickableItem
anchors.fill: parent
ScrollBar.vertical: Kube.ScrollBar {}
clip: true
Kube.ScrollHelper {
anchors.fill: parent
flickable: flickableItem
}
contentWidth: Math.max(edit.contentWidth, width)
contentHeight: Math.max(edit.implicitHeight, height)
function ensureVisible(r) {
if (contentX >= r.x) {
contentX = r.x
} else if (contentX+width <= r.x+r.width) {
contentX = r.x+r.width-width;
}
if (contentY >= r.y) {
contentY = r.y;
} else if (contentY+height <= r.y+r.height) {
contentY = r.y+r.height-height;
}
}
TextEdit {
id: edit
width: flickableItem.contentWidth
height: flickableItem.contentHeight
focus: true
selectByMouse: true
wrapMode: TextEdit.Wrap
textFormat: Qt.PlainText
onCursorRectangleChanged: flickableItem.ensureVisible(cursorRectangle)
color: Kube.Colors.textColor
font.family: Kube.Font.fontFamily
selectionColor: Kube.Colors.highlightColor
padding: Kube.Units.smallSpacing
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.NoButton // we don't want to eat clicks on the Text
cursorShape: Qt.IBeamCursor
}
}
}
}
}
|