dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 13:59:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

support Vim key bindings in preview mode

Browse Source 
1. h, j, k, l to navigate;
2. gg, G to go to the start and end of the document;
3. Ctrl+D, Ctrl+U to go down and up half page;

Signed-off-by: Le Tan <tamlokveer@gmail.com>
This commit is contained in:
Le Tan 2016-12-29 20:52:18 +08:00
parent 880d16e8f4
commit becd4a320f
4 changed files with 169 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/resources/pre_template.html
View File

@ -16,6 +16,7 @@
'use strict'; 'use strict';
var placeholder = document.getElementById('placeholder'); var placeholder = document.getElementById('placeholder');
var content; var content;
var keyState = 0;
var scrollToAnchor = function(anchor) { var scrollToAnchor = function(anchor) {
document.getElementById(anchor).scrollIntoView(); document.getElementById(anchor).scrollIntoView();
@ -63,4 +64,81 @@
content.setHeader(curHeader); content.setHeader(curHeader);
} }
} }
document.onkeydown = function(e) {
e = e || window.event;
var key;
var shift;
var ctrl;
if (e.which) {
key = e.which;
} else {
key = e.keyCode;
}
shift = !!e.shiftKey;
ctrl = !!e.ctrlKey;
switch (key) {
case 74: // J
window.scrollBy(0, 100);
keyState = 0;
break;
case 75: // K
window.scrollBy(0, -100);
keyState = 0;
break;
case 72: // H
window.scrollBy(-100, 0);
keyState = 0;
break;
case 76: // L
window.scrollBy(100, 0);
keyState = 0;
break;
case 71: // G
if (shift) {
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
window.scrollTo(scrollLeft, scrollHeight);
keyState = 0;
break;
} else {
if (keyState == 0) {
keyState = 1;
} else if (keyState == 1) {
keyState = 0;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
window.scrollTo(scrollLeft, 0);
}
break;
}
return;
case 85: // U
keyState = 0;
if (ctrl) {
var clientHeight = document.documentElement.clientHeight;
window.scrollBy(0, -clientHeight);
break;
}
return;
case 68: // D
keyState = 0;
if (ctrl) {
var clientHeight = document.documentElement.clientHeight;
window.scrollBy(0, clientHeight);
break;
}
return;
default:
keyState = 0;
return;
}
e.preventDefault();
}
</script> </script>

78
src/resources/template.html
View File

@ -21,6 +21,7 @@
var toc = []; // Table of contents as a list var toc = []; // Table of contents as a list
var content; // Channel variable with content var content; // Channel variable with content
var nameCounter = 0; var nameCounter = 0;
var keyState = 0;
renderer.heading = function (text, level) { renderer.heading = function (text, level) {
// Use number to avoid issues with Chinese // Use number to avoid issues with Chinese
@ -180,6 +181,83 @@
content.setHeader(curHeader); content.setHeader(curHeader);
} }
} }
document.onkeydown = function(e) {
e = e || window.event;
var key;
var shift;
var ctrl;
if (e.which) {
key = e.which;
} else {
key = e.keyCode;
}
shift = !!e.shiftKey;
ctrl = !!e.ctrlKey;
switch (key) {
case 74: // J
window.scrollBy(0, 100);
keyState = 0;
break;
case 75: // K
window.scrollBy(0, -100);
keyState = 0;
break;
case 72: // H
window.scrollBy(-100, 0);
keyState = 0;
break;
case 76: // L
window.scrollBy(100, 0);
keyState = 0;
break;
case 71: // G
if (shift) {
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
window.scrollTo(scrollLeft, scrollHeight);
keyState = 0;
break;
} else {
if (keyState == 0) {
keyState = 1;
} else if (keyState == 1) {
keyState = 0;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
window.scrollTo(scrollLeft, 0);
}
break;
}
return;
case 85: // U
keyState = 0;
if (ctrl) {
var clientHeight = document.documentElement.clientHeight;
window.scrollBy(0, -clientHeight);
break;
}
return;
case 68: // D
keyState = 0;
if (ctrl) {
var clientHeight = document.documentElement.clientHeight;
window.scrollBy(0, clientHeight);
break;
}
return;
default:
keyState = 0;
return;
}
e.preventDefault();
}
</script> </script>
</body> </body>
</html> </html>

8
src/vdocument.cpp
View File

@ -1,4 +1,5 @@
#include "vdocument.h" #include "vdocument.h"
#include <QDebug>
VDocument::VDocument(QObject *parent) : QObject(parent) VDocument::VDocument(QObject *parent) : QObject(parent)
{ {
@ -61,3 +62,10 @@ void VDocument::setHtml(const QString &html)
m_html = html; m_html = html;
emit htmlChanged(m_html); emit htmlChanged(m_html);
} }
void VDocument::setLog(const QString &p_log)
{
qDebug() << "JS:" << p_log;
m_log = p_log;
emit logChanged(m_log);
}

5
src/vdocument.h
View File

@ -10,6 +10,7 @@ class VDocument : public QObject
Q_PROPERTY(QString text MEMBER m_text NOTIFY textChanged) Q_PROPERTY(QString text MEMBER m_text NOTIFY textChanged)
Q_PROPERTY(QString toc MEMBER m_toc NOTIFY tocChanged) Q_PROPERTY(QString toc MEMBER m_toc NOTIFY tocChanged)
Q_PROPERTY(QString html MEMBER m_html NOTIFY htmlChanged) Q_PROPERTY(QString html MEMBER m_html NOTIFY htmlChanged)
Q_PROPERTY(QString log MEMBER m_log NOTIFY logChanged)
public: public:
explicit VDocument(QObject *parent = 0); explicit VDocument(QObject *parent = 0);
@ -24,6 +25,7 @@ public slots:
// Will be called in the HTML side // Will be called in the HTML side
void setToc(const QString &toc); void setToc(const QString &toc);
void setHeader(const QString &anchor); void setHeader(const QString &anchor);
void setLog(const QString &p_log);
signals: signals:
void textChanged(const QString &text); void textChanged(const QString &text);
@ -31,12 +33,15 @@ signals:
void requestScrollToAnchor(const QString &anchor); void requestScrollToAnchor(const QString &anchor);
void headerChanged(const QString &anchor); void headerChanged(const QString &anchor);
void htmlChanged(const QString &html); void htmlChanged(const QString &html);
void logChanged(const QString &p_log);
private: private:
QString m_text; QString m_text;
QString m_toc; QString m_toc;
QString m_header; QString m_header;
QString m_html; QString m_html;
// Used for debugging
QString m_log;
}; };
#endif // VDOCUMENT_H #endif // VDOCUMENT_H