Compare commits
2 Commits
3f30e4ed4d
...
e141e79fe4
Author | SHA1 | Date |
---|---|---|
yang.yongquan | e141e79fe4 | |
yang.yongquan | 3fd0ffe456 |
|
@ -0,0 +1,164 @@
|
|||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
import QtQuick.Window
|
||||
import QtQuick.Controls
|
||||
import QtQuick.Controls.Basic
|
||||
import QtWebEngine 1.2
|
||||
import FluentUI
|
||||
|
||||
FluArea {
|
||||
id: edit_area
|
||||
paddings: 0
|
||||
backgroundColor: "#f9f9f9"
|
||||
property string noteId: "234"
|
||||
|
||||
FluScrollablePage {
|
||||
id: edit_page
|
||||
anchors.fill: parent
|
||||
leftPadding: 10
|
||||
topPadding: 10
|
||||
rightPadding: 10
|
||||
bottomPadding: 0
|
||||
|
||||
property string contentMd: "**ssijfdijgo**\ndfdgfdggggggggggggggggggggggggggggggggggggggggggggggggggg"
|
||||
property bool isEditing: false
|
||||
property bool isEditable: false
|
||||
|
||||
Component.onCompleted: {
|
||||
edit_page.isEditable = true
|
||||
|
||||
textArea_edit.text = edit_page.contentMd
|
||||
edit_page.contentMd = Qt.binding(
|
||||
function() {
|
||||
return textArea_edit.text
|
||||
})
|
||||
textArea_preview.text = Qt.binding(
|
||||
function() {
|
||||
return edit_page.contentMd
|
||||
})
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 50
|
||||
|
||||
FluIconButton {
|
||||
id: button_edit
|
||||
iconSource: FluentIcons.Edit
|
||||
visible: true
|
||||
anchors {
|
||||
right: parent.right
|
||||
}
|
||||
onClicked: {
|
||||
button_edit.visible = false
|
||||
button_save.visible = true
|
||||
button_preview.visible = true
|
||||
button_subfield.visible = true
|
||||
button_editing.visible = true
|
||||
button_cancel.visible = true
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_cancel
|
||||
iconSource: FluentIcons.Cancel
|
||||
text: "取消"
|
||||
visible: false
|
||||
anchors {
|
||||
right: parent.right
|
||||
}
|
||||
onClicked: {
|
||||
button_edit.visible = edit_page.isEditable
|
||||
button_save.visible = false
|
||||
button_preview.visible = false
|
||||
button_subfield.visible = false
|
||||
button_editing.visible = false
|
||||
button_cancel.visible = false
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_save
|
||||
iconSource: FluentIcons.Save
|
||||
text: "保存"
|
||||
visible: false
|
||||
anchors {
|
||||
right: button_cancel.left
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_preview
|
||||
iconSource: FluentIcons.PreviewLink
|
||||
text: "预览"
|
||||
visible: false
|
||||
onClicked: {
|
||||
md_show_view.isEditShowing = false
|
||||
md_show_view.isPreviewShowing = true
|
||||
}
|
||||
|
||||
anchors {
|
||||
right: button_save.left
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_subfield
|
||||
iconSource: md_show_view.isPreviewShowing ? FluentIcons.ClosePane: FluentIcons.OpenPane
|
||||
text: "分栏"
|
||||
visible: false
|
||||
onClicked: {
|
||||
md_show_view.isEditShowing = true
|
||||
md_show_view.isPreviewShowing = !md_show_view.isPreviewShowing
|
||||
}
|
||||
anchors {
|
||||
right: button_preview.left
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_editing
|
||||
iconSource: FluentIcons.ClipboardList
|
||||
text: "编辑"
|
||||
visible: false
|
||||
onClicked: {
|
||||
md_show_view.isEditShowing = true
|
||||
md_show_view.isPreviewShowing = false
|
||||
}
|
||||
anchors {
|
||||
right: button_subfield.left
|
||||
}
|
||||
}
|
||||
}
|
||||
SplitView {
|
||||
id: md_show_view
|
||||
property bool isEditShowing: false
|
||||
property bool isPreviewShowing: true
|
||||
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 300
|
||||
ScrollView {
|
||||
id: edit_show_view
|
||||
implicitWidth: parent.width / 2
|
||||
height: parent.height
|
||||
visible: md_show_view.isEditShowing
|
||||
TextArea {
|
||||
id: textArea_edit
|
||||
wrapMode: TextEdit.Wrap
|
||||
}
|
||||
}
|
||||
|
||||
ScrollView {
|
||||
id: preview_show_view
|
||||
implicitWidth: parent.width / 2
|
||||
height: parent.height
|
||||
visible: md_show_view.isPreviewShowing
|
||||
TextArea {
|
||||
id: textArea_preview
|
||||
wrapMode: TextEdit.Wrap
|
||||
textFormat: TextEdit.MarkdownText
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue