简单修改 markdown 编辑
parent
e141e79fe4
commit
3aeb07fbb2
|
@ -60,7 +60,7 @@ FluWindow {
|
|||
Layout.topMargin: 45
|
||||
Layout.bottomMargin: 4
|
||||
Layout.rightMargin: 4
|
||||
type: "video"
|
||||
type: "md"
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -6,6 +6,7 @@ import QtQuick.Controls.Basic
|
|||
import QtWebEngine 1.2
|
||||
import FluentUI
|
||||
import AicsKB.FileTransferManager
|
||||
import "qrc:///AicsKnowledgeBase/qml/page"
|
||||
|
||||
FluArea {
|
||||
id: content_area
|
||||
|
@ -140,41 +141,6 @@ FluArea {
|
|||
}
|
||||
}
|
||||
|
||||
Loader {
|
||||
id: content_view
|
||||
Layout.fillWidth: true
|
||||
sourceComponent: video_view
|
||||
}
|
||||
|
||||
Component {
|
||||
id: video_view
|
||||
FluMediaPlayer {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: width * 9 / 16.
|
||||
}
|
||||
}
|
||||
Component {
|
||||
id: text_view
|
||||
Text {
|
||||
id: text_md
|
||||
text: content_page.contentMd
|
||||
textFormat: TextEdit.MarkdownText
|
||||
focus: true
|
||||
}
|
||||
}
|
||||
Component {
|
||||
id: other_view
|
||||
WebEngineView {
|
||||
Layout.fillWidth: true
|
||||
id: sitemonitory_view
|
||||
backgroundColor: "transparent"
|
||||
implicitHeight: 200
|
||||
settings.javascriptEnabled: true
|
||||
settings.pluginsEnabled: true
|
||||
url: "https://www.baidu.com"
|
||||
}
|
||||
}
|
||||
|
||||
FluArea {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 100
|
||||
|
@ -220,28 +186,64 @@ FluArea {
|
|||
}
|
||||
}
|
||||
}
|
||||
Item {
|
||||
|
||||
Loader {
|
||||
id: content_view
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 50
|
||||
FluText {
|
||||
id: text_note
|
||||
text: "笔记"
|
||||
padding: 10
|
||||
font {
|
||||
pointSize: 15
|
||||
bold: true
|
||||
}
|
||||
}
|
||||
FluTextButton {
|
||||
id: button_publish
|
||||
text: "发布笔记"
|
||||
hoverColor: "blue"
|
||||
normalColor: "black"
|
||||
anchors {
|
||||
verticalCenter: text_note.verticalCenter
|
||||
right: parent.right
|
||||
}
|
||||
sourceComponent: video_view
|
||||
}
|
||||
|
||||
Component {
|
||||
id: video_view
|
||||
FluMediaPlayer {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: width * 9 / 16.
|
||||
}
|
||||
}
|
||||
Component {
|
||||
id: text_view
|
||||
NoteEditPage {
|
||||
noteId: "255454"
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 400
|
||||
}
|
||||
|
||||
}
|
||||
Component {
|
||||
id: other_view
|
||||
WebEngineView {
|
||||
Layout.fillWidth: true
|
||||
id: sitemonitory_view
|
||||
backgroundColor: "transparent"
|
||||
implicitHeight: 200
|
||||
settings.javascriptEnabled: true
|
||||
settings.pluginsEnabled: true
|
||||
url: "https://www.baidu.com"
|
||||
}
|
||||
}
|
||||
|
||||
// Item {
|
||||
// Layout.fillWidth: true
|
||||
// implicitHeight: 50
|
||||
// FluText {
|
||||
// id: text_note
|
||||
// text: "笔记"
|
||||
// padding: 10
|
||||
// font {
|
||||
// pointSize: 15
|
||||
// bold: true
|
||||
// }
|
||||
// }
|
||||
// FluTextButton {
|
||||
// id: button_publish
|
||||
// text: "发布笔记"
|
||||
// hoverColor: "blue"
|
||||
// normalColor: "black"
|
||||
// anchors {
|
||||
// verticalCenter: text_note.verticalCenter
|
||||
// right: parent.right
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,9 +15,9 @@ FluArea {
|
|||
FluScrollablePage {
|
||||
id: edit_page
|
||||
anchors.fill: parent
|
||||
leftPadding: 10
|
||||
topPadding: 10
|
||||
rightPadding: 10
|
||||
leftPadding: 5
|
||||
topPadding: 5
|
||||
rightPadding: 5
|
||||
bottomPadding: 0
|
||||
|
||||
property string contentMd: "**ssijfdijgo**\ndfdgfdggggggggggggggggggggggggggggggggggggggggggggggggggg"
|
||||
|
@ -40,14 +40,16 @@ FluArea {
|
|||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 50
|
||||
implicitHeight: 30
|
||||
|
||||
FluIconButton {
|
||||
id: button_edit
|
||||
iconSource: FluentIcons.Edit
|
||||
visible: true
|
||||
iconSize: 12
|
||||
visible: edit_page.isEditable
|
||||
anchors {
|
||||
right: parent.right
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
onClicked: {
|
||||
button_edit.visible = false
|
||||
|
@ -62,10 +64,12 @@ FluArea {
|
|||
FluIconButton {
|
||||
id: button_cancel
|
||||
iconSource: FluentIcons.Cancel
|
||||
iconSize: 12
|
||||
text: "取消"
|
||||
visible: false
|
||||
anchors {
|
||||
right: parent.right
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
onClicked: {
|
||||
button_edit.visible = edit_page.isEditable
|
||||
|
@ -80,16 +84,19 @@ FluArea {
|
|||
FluIconButton {
|
||||
id: button_save
|
||||
iconSource: FluentIcons.Save
|
||||
iconSize: 12
|
||||
text: "保存"
|
||||
visible: false
|
||||
anchors {
|
||||
right: button_cancel.left
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_preview
|
||||
iconSource: FluentIcons.PreviewLink
|
||||
iconSize: 12
|
||||
text: "预览"
|
||||
visible: false
|
||||
onClicked: {
|
||||
|
@ -99,26 +106,35 @@ FluArea {
|
|||
|
||||
anchors {
|
||||
right: button_save.left
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_subfield
|
||||
iconSource: md_show_view.isPreviewShowing ? FluentIcons.ClosePane: FluentIcons.OpenPane
|
||||
iconSize: 12
|
||||
text: "分栏"
|
||||
visible: false
|
||||
onClicked: {
|
||||
md_show_view.isEditShowing = true
|
||||
md_show_view.isPreviewShowing = !md_show_view.isPreviewShowing
|
||||
if(md_show_view.isEditShowing ^ md_show_view.isPreviewShowing) {
|
||||
md_show_view.isEditShowing = true
|
||||
md_show_view.isPreviewShowing = true
|
||||
} else {
|
||||
md_show_view.isEditShowing = true
|
||||
md_show_view.isPreviewShowing = false
|
||||
}
|
||||
}
|
||||
anchors {
|
||||
right: button_preview.left
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
|
||||
FluIconButton {
|
||||
id: button_editing
|
||||
iconSource: FluentIcons.ClipboardList
|
||||
iconSize: 12
|
||||
text: "编辑"
|
||||
visible: false
|
||||
onClicked: {
|
||||
|
@ -127,6 +143,7 @@ FluArea {
|
|||
}
|
||||
anchors {
|
||||
right: button_subfield.left
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -137,6 +154,7 @@ FluArea {
|
|||
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 300
|
||||
|
||||
ScrollView {
|
||||
id: edit_show_view
|
||||
implicitWidth: parent.width / 2
|
||||
|
@ -145,6 +163,11 @@ FluArea {
|
|||
TextArea {
|
||||
id: textArea_edit
|
||||
wrapMode: TextEdit.Wrap
|
||||
background: Rectangle {
|
||||
color: customTextArea.focus ? "#E0E0E0" : "white"
|
||||
border.color: FluColors.Grey30
|
||||
radius: 10
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -157,6 +180,16 @@ FluArea {
|
|||
id: textArea_preview
|
||||
wrapMode: TextEdit.Wrap
|
||||
textFormat: TextEdit.MarkdownText
|
||||
background: Rectangle {
|
||||
color: customTextArea.focus ? "#E0E0E0" : "white"
|
||||
border.color: FluColors.Grey30
|
||||
radius: 10
|
||||
}
|
||||
readOnly: true
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
enabled: false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue