texteditor.qml Example File

texteditor/qml/texteditor.qml
/**************************************************************************** ** ** Copyright (C) 2017 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the examples of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:BSD$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see https://www.qt.io/terms-conditions. For further ** information use the contact form at https://www.qt.io/contact-us. ** ** BSD License Usage ** Alternatively, you may use this file under the terms of the BSD license ** as follows: ** ** "Redistribution and use in source and binary forms, with or without ** modification, are permitted provided that the following conditions are ** met: ** * Redistributions of source code must retain the above copyright ** notice, this list of conditions and the following disclaimer. ** * Redistributions in binary form must reproduce the above copyright ** notice, this list of conditions and the following disclaimer in ** the documentation and/or other materials provided with the ** distribution. ** * Neither the name of The Qt Company Ltd nor the names of its ** contributors may be used to endorse or promote products derived ** from this software without specific prior written permission. ** ** ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." ** ** $QT_END_LICENSE$ ** ****************************************************************************/
import QtQuick 2.12 import QtQuick.Controls 2.12 import QtQuick.Window 2.0 import Qt.labs.platform 1.0 import io.qt.examples.texteditor 1.0 // TODO: // - make designer-friendly ApplicationWindow { id: window width: 1024 height: 600 visible: true title: document.fileName + " - Text Editor Example" Component.onCompleted: { x = Screen.width / 2 - width / 2 y = Screen.height / 2 - height / 2 } Shortcut { sequence: StandardKey.Open onActivated: openDialog.open() } Shortcut { sequence: StandardKey.SaveAs onActivated: saveDialog.open() } Shortcut { sequence: StandardKey.Quit onActivated: Qt.quit() } Shortcut { sequence: StandardKey.Copy onActivated: textArea.copy() } Shortcut { sequence: StandardKey.Cut onActivated: textArea.cut() } Shortcut { sequence: StandardKey.Paste onActivated: textArea.paste() } Shortcut { sequence: StandardKey.Bold onActivated: document.bold = !document.bold } Shortcut { sequence: StandardKey.Italic onActivated: document.italic = !document.italic } Shortcut { sequence: StandardKey.Underline onActivated: document.underline = !document.underline } MenuBar { Menu { title: qsTr("&File") MenuItem { text: qsTr("&Open") onTriggered: openDialog.open() } MenuItem { text: qsTr("&Save As...") onTriggered: saveDialog.open() } MenuItem { text: qsTr("&Quit") onTriggered: Qt.quit() } } Menu { title: qsTr("&Edit") MenuItem { text: qsTr("&Copy") enabled: textArea.selectedText onTriggered: textArea.copy() } MenuItem { text: qsTr("Cu&t") enabled: textArea.selectedText onTriggered: textArea.cut() } MenuItem { text: qsTr("&Paste") enabled: textArea.canPaste onTriggered: textArea.paste() } } Menu { title: qsTr("F&ormat") MenuItem { text: qsTr("&Bold") checkable: true checked: document.bold onTriggered: document.bold = !document.bold } MenuItem { text: qsTr("&Italic") checkable: true checked: document.italic onTriggered: document.italic = !document.italic } MenuItem { text: qsTr("&Underline") checkable: true checked: document.underline onTriggered: document.underline = !document.underline } } } FileDialog { id: openDialog fileMode: FileDialog.OpenFile selectedNameFilter.index: 1 nameFilters: ["Text files (*.txt)", "HTML files (*.html *.htm)"] folder: StandardPaths.writableLocation(StandardPaths.DocumentsLocation) onAccepted: document.load(file) } FileDialog { id: saveDialog fileMode: FileDialog.SaveFile defaultSuffix: document.fileType nameFilters: openDialog.nameFilters selectedNameFilter.index: document.fileType === "txt" ? 0 : 1 folder: StandardPaths.writableLocation(StandardPaths.DocumentsLocation) onAccepted: document.saveAs(file) } FontDialog { id: fontDialog onAccepted: { document.fontFamily = font.family; document.fontSize = font.pointSize; } } ColorDialog { id: colorDialog currentColor: "black" } MessageDialog { id: errorDialog } header: ToolBar { leftPadding: 8 Flow { id: flow width: parent.width Row { id: fileRow ToolButton { id: openButton text: "\uF115" // icon-folder-open-empty font.family: "fontello" onClicked: openDialog.open() } ToolSeparator { contentItem.visible: fileRow.y === editRow.y } } Row { id: editRow ToolButton { id: copyButton text: "\uF0C5" // icon-docs font.family: "fontello" focusPolicy: Qt.TabFocus enabled: textArea.selectedText onClicked: textArea.copy() } ToolButton { id: cutButton text: "\uE802" // icon-scissors font.family: "fontello" focusPolicy: Qt.TabFocus enabled: textArea.selectedText onClicked: textArea.cut() } ToolButton { id: pasteButton text: "\uF0EA" // icon-paste font.family: "fontello" focusPolicy: Qt.TabFocus enabled: textArea.canPaste onClicked: textArea.paste() } ToolSeparator { contentItem.visible: editRow.y === formatRow.y } } Row { id: formatRow ToolButton { id: boldButton text: "\uE800" // icon-bold font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.bold onClicked: document.bold = !document.bold } ToolButton { id: italicButton text: "\uE801" // icon-italic font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.italic onClicked: document.italic = !document.italic } ToolButton { id: underlineButton text: "\uF0CD" // icon-underline font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.underline onClicked: document.underline = !document.underline } ToolButton { id: fontFamilyToolButton text: qsTr("\uE808") // icon-font font.family: "fontello" font.bold: document.bold font.italic: document.italic font.underline: document.underline onClicked: { fontDialog.currentFont.family = document.fontFamily; fontDialog.currentFont.pointSize = document.fontSize; fontDialog.open(); } } ToolButton { id: textColorButton text: "\uF1FC" // icon-brush font.family: "fontello" focusPolicy: Qt.TabFocus onClicked: colorDialog.open() Rectangle { width: aFontMetrics.width + 3 height: 2 color: document.textColor parent: textColorButton.contentItem anchors.horizontalCenter: parent.horizontalCenter anchors.baseline: parent.baseline anchors.baselineOffset: 6 TextMetrics { id: aFontMetrics font: textColorButton.font text: textColorButton.text } } } ToolSeparator { contentItem.visible: formatRow.y === alignRow.y } } Row { id: alignRow ToolButton { id: alignLeftButton text: "\uE803" // icon-align-left font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.alignment == Qt.AlignLeft onClicked: document.alignment = Qt.AlignLeft } ToolButton { id: alignCenterButton text: "\uE804" // icon-align-center font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.alignment == Qt.AlignHCenter onClicked: document.alignment = Qt.AlignHCenter } ToolButton { id: alignRightButton text: "\uE805" // icon-align-right font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.alignment == Qt.AlignRight onClicked: document.alignment = Qt.AlignRight } ToolButton { id: alignJustifyButton text: "\uE806" // icon-align-justify font.family: "fontello" focusPolicy: Qt.TabFocus checkable: true checked: document.alignment == Qt.AlignJustify onClicked: document.alignment = Qt.AlignJustify } } } } DocumentHandler { id: document document: textArea.textDocument cursorPosition: textArea.cursorPosition selectionStart: textArea.selectionStart selectionEnd: textArea.selectionEnd textColor: colorDialog.color Component.onCompleted: document.load("qrc:/texteditor.html") onLoaded: { textArea.text = text } onError: { errorDialog.text = message errorDialog.visible = true } } Flickable { id: flickable flickableDirection: Flickable.VerticalFlick anchors.fill: parent TextArea.flickable: TextArea { id: textArea textFormat: Qt.RichText wrapMode: TextArea.Wrap focus: true selectByMouse: true persistentSelection: true // Different styles have different padding and background // decorations, but since this editor is almost taking up the // entire window, we don't need them. leftPadding: 6 rightPadding: 6 topPadding: 0 bottomPadding: 0 background: null MouseArea { acceptedButtons: Qt.RightButton anchors.fill: parent onClicked: contextMenu.open() } onLinkActivated: Qt.openUrlExternally(link) } ScrollBar.vertical: ScrollBar {} } Menu { id: contextMenu MenuItem { text: qsTr("Copy") enabled: textArea.selectedText onTriggered: textArea.copy() } MenuItem { text: qsTr("Cut") enabled: textArea.selectedText onTriggered: textArea.cut() } MenuItem { text: qsTr("Paste") enabled: textArea.canPaste onTriggered: textArea.paste() } MenuSeparator {} MenuItem { text: qsTr("Font...") onTriggered: fontDialog.open() } MenuItem { text: qsTr("Color...") onTriggered: colorDialog.open() } } }