Markdown: Add some tool button to help writing markdown

This allows users to add operator wrapping selected text easily.

Change-Id: If3c21fa41e0dc338a3ec760076406fe046e5adbe
Reviewed-by: Eike Ziller <eike.ziller@qt.io>
This commit is contained in:
Tasuku Suzuki
2023-09-10 23:03:00 +09:00
parent 5cfe69ea1e
commit 673bcb644c

View File

@@ -13,6 +13,7 @@
#include <coreplugin/icore.h> #include <coreplugin/icore.h>
#include <coreplugin/minisplitter.h> #include <coreplugin/minisplitter.h>
#include <utils/stringutils.h> #include <utils/stringutils.h>
#include <utils/utilsicons.h>
#include <QHBoxLayout> #include <QHBoxLayout>
#include <QScrollBar> #include <QScrollBar>
@@ -99,6 +100,58 @@ public:
m_toggleEditorVisible->setChecked(showEditor); m_toggleEditorVisible->setChecked(showEditor);
m_textEditorWidget->setVisible(showEditor); m_textEditorWidget->setVisible(showEditor);
auto button = new QToolButton;
button->setText("i");
button->setFont([button]{ auto f = button->font(); f.setItalic(true); return f; }());
button->setToolTip(Tr::tr("Emphasis"));
connect(button, &QToolButton::clicked, this, [this] {
triggerFormatingAction([](QString *selectedText) {
*selectedText = QStringLiteral("*%1*").arg(*selectedText);
});
});
m_markDownButtons.append(button);
button = new QToolButton;
button->setText("b");
button->setFont([button]{ auto f = button->font(); f.setBold(true); return f; }());
button->setToolTip(Tr::tr("Strong"));
connect(button, &QToolButton::clicked, this, [this] {
triggerFormatingAction([](QString *selectedText) {
*selectedText = QStringLiteral("**%1**").arg(*selectedText);
});
});
m_markDownButtons.append(button);
button = new QToolButton;
button->setText("`");
button->setToolTip(Tr::tr("Inline Code"));
connect(button, &QToolButton::clicked, this, [this] {
triggerFormatingAction([](QString *selectedText) {
*selectedText = QStringLiteral("`%1`").arg(*selectedText);
});
});
m_markDownButtons.append(button);
button = new QToolButton;
button->setIcon(Utils::Icons::LINK_TOOLBAR.icon());
button->setToolTip(Tr::tr("Hyper Link"));
connect(button, &QToolButton::clicked, this, [this] {
triggerFormatingAction([](QString *selectedText, int *cursorOffset, int *selectionLength) {
*selectedText = QStringLiteral("[%1](https://)").arg(*selectedText);
*cursorOffset = -1;
*selectionLength = -8;
});
});
m_markDownButtons.append(button);
for (auto button : m_markDownButtons) {
button->setEnabled(!m_textEditorWidget->selectedText().isEmpty());
// do not call setVisible(true) at this point, this destroys the hover effect on macOS
if (!showEditor)
button->setVisible(false);
}
connect(m_textEditorWidget, &QPlainTextEdit::copyAvailable, [this](bool yes) {
for (auto button : m_markDownButtons) {
button->setEnabled(yes);
}
});
auto swapViews = new QToolButton; auto swapViews = new QToolButton;
swapViews->setText(Tr::tr("Swap Views")); swapViews->setText(Tr::tr("Swap Views"));
swapViews->setEnabled(showEditor && showPreview); swapViews->setEnabled(showEditor && showPreview);
@@ -106,6 +159,8 @@ public:
m_toolbarLayout = new QHBoxLayout(&m_toolbar); m_toolbarLayout = new QHBoxLayout(&m_toolbar);
m_toolbarLayout->setSpacing(0); m_toolbarLayout->setSpacing(0);
m_toolbarLayout->setContentsMargins(0, 0, 0, 0); m_toolbarLayout->setContentsMargins(0, 0, 0, 0);
for (auto button : m_markDownButtons)
m_toolbarLayout->addWidget(button);
m_toolbarLayout->addStretch(); m_toolbarLayout->addStretch();
m_toolbarLayout->addWidget(m_togglePreviewVisible); m_toolbarLayout->addWidget(m_togglePreviewVisible);
m_toolbarLayout->addWidget(m_toggleEditorVisible); m_toolbarLayout->addWidget(m_toggleEditorVisible);
@@ -165,6 +220,8 @@ public:
visible, visible,
m_previewWidget, m_previewWidget,
m_togglePreviewVisible); m_togglePreviewVisible);
for (auto button : m_markDownButtons)
button->setVisible(visible);
saveViewSettings(); saveViewSettings();
}); });
connect(m_togglePreviewVisible, connect(m_togglePreviewVisible,
@@ -299,6 +356,43 @@ public:
m_toggleEditorVisible->setChecked(textEditorShown || !previewShown); m_toggleEditorVisible->setChecked(textEditorShown || !previewShown);
} }
private:
void triggerFormatingAction(std::function<void(QString *selectedText)> action)
{
auto formattedText = m_textEditorWidget->selectedText();
action(&formattedText);
format(formattedText);
}
void triggerFormatingAction(std::function<void(QString *selectedText, int *cursorOffset, int *selectionLength)> action)
{
auto formattedText = m_textEditorWidget->selectedText();
int cursorOffset = 0;
int selectionLength = 0;
action(&formattedText, &cursorOffset, &selectionLength);
format(formattedText, cursorOffset, selectionLength);
}
void format(const QString &formattedText, int cursorOffset = 0, int selectionLength = 0)
{
auto cursor = m_textEditorWidget->textCursor();
int start = cursor.selectionStart();
int end = cursor.selectionEnd();
cursor.setPosition(start, QTextCursor::MoveAnchor);
cursor.setPosition(end, QTextCursor::KeepAnchor);
cursor.insertText(formattedText);
if (cursorOffset != 0) {
auto pos = cursor.position();
cursor.setPosition(pos + cursorOffset);
m_textEditorWidget->setTextCursor(cursor);
}
if (selectionLength != 0) {
cursor.setPosition(cursor.position(), QTextCursor::MoveAnchor);
cursor.setPosition(cursor.position() + selectionLength, QTextCursor::KeepAnchor);
m_textEditorWidget->setTextCursor(cursor);
}
}
private: private:
QTimer m_previewTimer; QTimer m_previewTimer;
bool m_performDelayedUpdate = false; bool m_performDelayedUpdate = false;
@@ -308,6 +402,7 @@ private:
TextDocumentPtr m_document; TextDocumentPtr m_document;
QWidget m_toolbar; QWidget m_toolbar;
QHBoxLayout *m_toolbarLayout; QHBoxLayout *m_toolbarLayout;
QList<QToolButton *> m_markDownButtons;
QToolButton *m_toggleEditorVisible; QToolButton *m_toggleEditorVisible;
QToolButton *m_togglePreviewVisible; QToolButton *m_togglePreviewVisible;
std::optional<QPoint> m_previewRestoreScrollPosition; std::optional<QPoint> m_previewRestoreScrollPosition;