1162 lines
36 KiB
Python
1162 lines
36 KiB
Python
# -*- coding: utf-8 -*-
|
|
# Copyright: Damien Elmes <anki@ichi2.net>
|
|
# License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
import re
|
|
import os
|
|
import urllib.request, urllib.error, urllib.parse
|
|
import ctypes
|
|
import urllib.request, urllib.parse, urllib.error
|
|
import warnings
|
|
import html
|
|
|
|
from anki.lang import _
|
|
from aqt.qt import *
|
|
from anki.utils import stripHTML, isWin, isMac, namedtmp, json, stripHTMLMedia, \
|
|
checksum
|
|
import anki.sound
|
|
from anki.hooks import runHook, runFilter
|
|
from aqt.sound import getAudio
|
|
from aqt.webview import AnkiWebView
|
|
from aqt.utils import shortcut, showInfo, showWarning, getFile, \
|
|
openHelp, tooltip, downArrow
|
|
import aqt
|
|
import anki.js
|
|
from bs4 import BeautifulSoup
|
|
|
|
pics = ("jpg", "jpeg", "png", "tif", "tiff", "gif", "svg", "webp")
|
|
audio = ("wav", "mp3", "ogg", "flac", "mp4", "swf", "mov", "mpeg", "mkv", "m4a", "3gp", "spx", "oga")
|
|
|
|
_html = """
|
|
<html><head>%s<style>
|
|
.field {
|
|
border: 1px solid #aaa; background:#fff; color:#000; padding: 5px;
|
|
}
|
|
/* prevent floated images from being displayed outside field */
|
|
.field:after {
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
.fname { vertical-align: middle; padding: 0; }
|
|
img { max-width: 90%%; }
|
|
body { margin: 5px; }
|
|
#topbuts { position: fixed; height: 20px; top: 0; padding: 2px; left:0;right:0}
|
|
.topbut { width: 16px; height: 16px; }
|
|
.rainbow {
|
|
background-image: -webkit-gradient(linear, left top, left bottom,
|
|
color-stop(0.00, #f77),
|
|
color-stop(50%%, #7f7),
|
|
color-stop(100%%, #77f));
|
|
}
|
|
.linkb { -webkit-appearance: none; border: 0; padding: 0px 2px; background: transparent; }
|
|
.linkb:disabled { opacity: 0.3; cursor: not-allowed; }
|
|
|
|
.highlighted {
|
|
border-bottom: 3px solid #000;
|
|
}
|
|
|
|
#fields { margin-top: 35px; }
|
|
|
|
|
|
</style><script>
|
|
%s
|
|
|
|
var currentField = null;
|
|
var changeTimer = null;
|
|
var dropTarget = null;
|
|
|
|
String.prototype.format = function() {
|
|
var args = arguments;
|
|
return this.replace(/\{\d+\}/g, function(m){
|
|
return args[m.match(/\d+/)]; });
|
|
};
|
|
|
|
function setBG(col) {
|
|
document.body.style.backgroundColor = col;
|
|
$("#topbuts")[0].style.backgroundColor = col;
|
|
};
|
|
|
|
function setFGButton(col) {
|
|
$("#forecolor")[0].style.backgroundColor = col;
|
|
};
|
|
|
|
function saveNow() {
|
|
clearChangeTimer();
|
|
if (currentField) {
|
|
currentField.blur();
|
|
}
|
|
};
|
|
|
|
function onKey() {
|
|
// esc clears focus, allowing dialog to close
|
|
if (window.event.which == 27) {
|
|
currentField.blur();
|
|
return;
|
|
}
|
|
clearChangeTimer();
|
|
changeTimer = setTimeout(function () {
|
|
updateButtonState();
|
|
saveField("key");
|
|
}, 600);
|
|
};
|
|
|
|
function checkForEmptyField() {
|
|
if (currentField.innerHTML == "") {
|
|
currentField.innerHTML = "<br>";
|
|
}
|
|
};
|
|
|
|
function updateButtonState() {
|
|
var buts = ["bold", "italic", "underline", "superscript", "subscript"];
|
|
for (var i=0; i<buts.length; i++) {
|
|
var name = buts[i];
|
|
if (document.queryCommandState(name)) {
|
|
$("#"+name).addClass("highlighted");
|
|
} else {
|
|
$("#"+name).removeClass("highlighted");
|
|
}
|
|
}
|
|
|
|
// fixme: forecolor
|
|
// 'col': document.queryCommandValue("forecolor")
|
|
};
|
|
|
|
function setFormat(cmd, arg, nosave) {
|
|
document.execCommand(cmd, false, arg);
|
|
if (!nosave) {
|
|
saveField('key');
|
|
updateButtonState();
|
|
}
|
|
};
|
|
|
|
function clearChangeTimer() {
|
|
if (changeTimer) {
|
|
clearTimeout(changeTimer);
|
|
changeTimer = null;
|
|
}
|
|
};
|
|
|
|
function onFocus(elem) {
|
|
currentField = elem;
|
|
pycmd("focus:" + currentField.id.substring(1));
|
|
enableButtons();
|
|
// don't adjust cursor on mouse clicks
|
|
if (mouseDown) { return; }
|
|
// do this twice so that there's no flicker on newer versions
|
|
caretToEnd();
|
|
// need to do this in a timeout for older qt versions
|
|
setTimeout(function () { caretToEnd() }, 1);
|
|
// scroll if bottom of element off the screen
|
|
function pos(obj) {
|
|
var cur = 0;
|
|
do {
|
|
cur += obj.offsetTop;
|
|
} while (obj = obj.offsetParent);
|
|
return cur;
|
|
}
|
|
var y = pos(elem);
|
|
if ((window.pageYOffset+window.innerHeight) < (y+elem.offsetHeight) ||
|
|
window.pageYOffset > y) {
|
|
window.scroll(0,y+elem.offsetHeight-window.innerHeight);
|
|
}
|
|
}
|
|
|
|
function focusField(n) {
|
|
$("#f"+n).focus();
|
|
}
|
|
|
|
function onDragOver(elem) {
|
|
// if we focus the target element immediately, the drag&drop turns into a
|
|
// copy, so note it down for later instead
|
|
dropTarget = elem;
|
|
}
|
|
|
|
function onPaste(elem) {
|
|
pycmd("paste");
|
|
window.event.preventDefault();
|
|
}
|
|
|
|
function caretToEnd() {
|
|
var r = document.createRange()
|
|
r.selectNodeContents(currentField);
|
|
r.collapse(false);
|
|
var s = document.getSelection();
|
|
s.removeAllRanges();
|
|
s.addRange(r);
|
|
};
|
|
|
|
function onBlur() {
|
|
if (currentField) {
|
|
saveField("blur");
|
|
}
|
|
clearChangeTimer();
|
|
disableButtons();
|
|
};
|
|
|
|
function saveField(type) {
|
|
if (!currentField) {
|
|
// no field has been focused yet
|
|
return;
|
|
}
|
|
// type is either 'blur' or 'key'
|
|
pycmd(type + ":" + currentField.innerHTML);
|
|
clearChangeTimer();
|
|
};
|
|
|
|
function wrappedExceptForWhitespace(text, front, back) {
|
|
var match = text.match(/^(\s*)([^]*?)(\s*)$/);
|
|
return match[1] + front + match[2] + back + match[3];
|
|
};
|
|
|
|
function disableButtons() {
|
|
$("button.linkb").prop("disabled", true);
|
|
};
|
|
|
|
function enableButtons() {
|
|
$("button.linkb").prop("disabled", false);
|
|
};
|
|
|
|
// disable the buttons if a field is not currently focused
|
|
function maybeDisableButtons() {
|
|
if (!document.activeElement || document.activeElement.className != "field") {
|
|
disableButtons();
|
|
} else {
|
|
enableButtons();
|
|
}
|
|
};
|
|
|
|
function wrap(front, back) {
|
|
var s = window.getSelection();
|
|
var r = s.getRangeAt(0);
|
|
var content = r.cloneContents();
|
|
var span = document.createElement("span")
|
|
span.appendChild(content);
|
|
var new_ = wrappedExceptForWhitespace(span.innerHTML, front, back);
|
|
setFormat("inserthtml", new_);
|
|
if (!span.innerHTML) {
|
|
// run with an empty selection; move cursor back past postfix
|
|
r = s.getRangeAt(0);
|
|
r.setStart(r.startContainer, r.startOffset - back.length);
|
|
r.collapse(true);
|
|
s.removeAllRanges();
|
|
s.addRange(r);
|
|
}
|
|
};
|
|
|
|
function setFields(fields, focusTo) {
|
|
var txt = "";
|
|
for (var i=0; i<fields.length; i++) {
|
|
var n = fields[i][0];
|
|
var f = fields[i][1];
|
|
if (!f) {
|
|
f = "<br>";
|
|
}
|
|
txt += "<tr><td class=fname>{0}</td></tr><tr><td width=100%%>".format(n);
|
|
txt += "<div id=f{0} onkeydown='onKey();' oninput='checkForEmptyField()' onmouseup='onKey();'".format(i);
|
|
txt += " onfocus='onFocus(this);' onblur='onBlur();' class=field ";
|
|
txt += "ondragover='onDragOver(this);' onpaste='onPaste(this);' ";
|
|
txt += "contentEditable=true class=field>{0}</div>".format(f);
|
|
txt += "</td></tr>";
|
|
}
|
|
$("#fields").html("<table cellpadding=0 width=100%%>"+txt+"</table>");
|
|
if (!focusTo) {
|
|
focusTo = 0;
|
|
}
|
|
if (focusTo >= 0) {
|
|
$("#f"+focusTo).focus();
|
|
}
|
|
maybeDisableButtons();
|
|
};
|
|
|
|
function setBackgrounds(cols) {
|
|
for (var i=0; i<cols.length; i++) {
|
|
$("#f"+i).css("background", cols[i]);
|
|
}
|
|
}
|
|
|
|
function setFonts(fonts) {
|
|
for (var i=0; i<fonts.length; i++) {
|
|
$("#f"+i).css("font-family", fonts[i][0]);
|
|
$("#f"+i).css("font-size", fonts[i][1]);
|
|
$("#f"+i)[0].dir = fonts[i][2] ? "rtl" : "ltr";
|
|
}
|
|
}
|
|
|
|
function showDupes() {
|
|
$("#dupes").show();
|
|
}
|
|
|
|
function hideDupes() {
|
|
$("#dupes").hide();
|
|
}
|
|
|
|
var pasteHTML = function(html, internal) {
|
|
if (!internal) {
|
|
html = filterHTML(html);
|
|
}
|
|
setFormat("inserthtml", html);
|
|
};
|
|
|
|
var filterHTML = function(html) {
|
|
// wrap it in <top> as we aren't allowed to change top level elements
|
|
var top = $.parseHTML("<ankitop>" + html + "</ankitop>")[0];
|
|
filterNode(top);
|
|
var outHtml = top.innerHTML;
|
|
// get rid of nbsp
|
|
outHtml = outHtml.replace(/ /ig, " ");
|
|
//console.log(`input html: ${html}`);
|
|
//console.log(`outpt html: ${outHtml}`);
|
|
return outHtml;
|
|
};
|
|
|
|
var allowedTags = {};
|
|
|
|
var TAGS_WITHOUT_ATTRS = ["H1", "H2", "H3", "P", "DIV", "BR", "LI", "UL",
|
|
"OL", "B", "I", "U", "BLOCKQUOTE", "CODE", "EM",
|
|
"STRONG", "PRE", "SUB", "SUP", "TABLE"];
|
|
for (var i = 0; i < TAGS_WITHOUT_ATTRS.length; i++) {
|
|
allowedTags[TAGS_WITHOUT_ATTRS[i]] = {"attrs": []};
|
|
}
|
|
|
|
allowedTags["A"] = {"attrs": ["HREF"]};
|
|
allowedTags["TR"] = {"attrs": ["ROWSPAN"]};
|
|
allowedTags["TD"] = {"attrs": ["COLSPAN", "ROWSPAN"]};
|
|
allowedTags["TH"] = {"attrs": ["COLSPAN", "ROWSPAN"]};
|
|
allowedTags["IMG"] = {"attrs": ["SRC"]};
|
|
|
|
var filterNode = function(node) {
|
|
// if it's a text node, nothing to do
|
|
if (node.nodeType == 3) {
|
|
return;
|
|
}
|
|
|
|
// descend first, and take a copy of the child nodes as the loop will skip
|
|
// elements due to node modifications otherwise
|
|
|
|
var nodes = [];
|
|
for (var i = 0; i < node.childNodes.length; i++) {
|
|
nodes.push(node.childNodes[i]);
|
|
}
|
|
for (var i = 0; i < nodes.length; i++) {
|
|
filterNode(nodes[i]);
|
|
}
|
|
|
|
if (node.tagName == "ANKITOP") {
|
|
return;
|
|
}
|
|
|
|
var tag = allowedTags[node.tagName];
|
|
if (!tag) {
|
|
node.outerHTML = node.innerHTML;
|
|
} else {
|
|
// allowed, filter out attributes
|
|
var toRemove = [];
|
|
for (var i = 0; i < node.attributes.length; i++) {
|
|
var attr = node.attributes[i];
|
|
var attrName = attr.name.toUpperCase();
|
|
if (tag.attrs.indexOf(attrName) == -1) {
|
|
toRemove.push(attr);
|
|
}
|
|
}
|
|
for (var i = 0; i < toRemove.length; i++) {
|
|
node.removeAttributeNode(toRemove[i]);
|
|
}
|
|
}
|
|
};
|
|
|
|
var mouseDown = 0;
|
|
|
|
$(function () {
|
|
document.body.onmousedown = function () {
|
|
mouseDown++;
|
|
}
|
|
|
|
document.body.onmouseup = function () {
|
|
mouseDown--;
|
|
}
|
|
|
|
document.onclick = function (evt) {
|
|
var src = window.event.srcElement;
|
|
if (src.tagName == "IMG") {
|
|
// image clicked; find contenteditable parent
|
|
var p = src;
|
|
while (p = p.parentNode) {
|
|
if (p.className == "field") {
|
|
$("#"+p.id).focus();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// prevent editor buttons from taking focus
|
|
$("button.linkb").on("mousedown", function(e) { e.preventDefault(); });
|
|
});
|
|
|
|
</script></head><body>
|
|
<div id="topbuts">%s</div>
|
|
<div id="fields"></div>
|
|
<div id="dupes" style="display:none;"><a href="#" onclick="pycmd('dupes');return false;">%s</a></div>
|
|
</body></html>
|
|
"""
|
|
|
|
# caller is responsible for resetting note on reset
|
|
class Editor(object):
|
|
def __init__(self, mw, widget, parentWindow, addMode=False):
|
|
self.mw = mw
|
|
self.widget = widget
|
|
self.parentWindow = parentWindow
|
|
self.note = None
|
|
self.stealFocus = True
|
|
self.addMode = addMode
|
|
self._loaded = False
|
|
self.currentField = 0
|
|
# current card, for card layout
|
|
self.card = None
|
|
self.setupOuter()
|
|
self.setupShortcuts()
|
|
self.setupWeb()
|
|
self.setupTags()
|
|
|
|
# Initial setup
|
|
############################################################
|
|
|
|
def setupOuter(self):
|
|
l = QVBoxLayout()
|
|
l.setContentsMargins(0,0,0,0)
|
|
l.setSpacing(0)
|
|
self.widget.setLayout(l)
|
|
self.outerLayout = l
|
|
|
|
def setupWeb(self):
|
|
self.web = EditorWebView(self.widget, self)
|
|
self.web.title = "editor"
|
|
self.web.allowDrops = True
|
|
self.web.onBridgeCmd = self.onBridgeCmd
|
|
self.outerLayout.addWidget(self.web, 1)
|
|
self.web.onLoadFinished = self._loadFinished
|
|
|
|
righttopbtns = list()
|
|
righttopbtns.append(self._addButton('text_bold', 'bold', "Bold text (Ctrl+B)", id='bold'))
|
|
righttopbtns.append(self._addButton('text_italic', 'italic', "Italic text (Ctrl+I)", id='italic'))
|
|
righttopbtns.append(self._addButton('text_under', 'underline', "Underline text (Ctrl+U)", id='underline'))
|
|
righttopbtns.append(self._addButton('text_super', 'super', "Superscript (Ctrl+Shift+=)", id='superscript'))
|
|
righttopbtns.append(self._addButton('text_sub', 'sub', "Subscript (Ctrl+=)", id='subscript'))
|
|
righttopbtns.append(self._addButton('text_clear', 'clear', "Remove formatting (Ctrl+R)"))
|
|
# The color selection buttons do not use an icon so the HTML must be specified manually
|
|
righttopbtns.append('''<button tabindex=-1 class=linkb title="Set foreground colour (F7)"
|
|
type="button" onclick="pycmd('colour');return false;">
|
|
<div id=forecolor style="display:inline-block; background: #000;border-radius: 5px;"
|
|
class=topbut></div></button>''')
|
|
righttopbtns.append('''<button tabindex=-1 class=linkb title="Change colour (F8)"
|
|
type="button" onclick="pycmd('changeCol');return false;">
|
|
<div style="display:inline-block; border-radius: 5px;"
|
|
class="topbut rainbow"></div></button>''')
|
|
righttopbtns.append(self._addButton('text_cloze', 'cloze', "Cloze deletion (Ctrl+Shift+C)"))
|
|
righttopbtns.append(self._addButton('paperclip', 'attach', "Attach pictures/audio/video (F3)"))
|
|
righttopbtns.append(self._addButton('media-record', 'record', "Record audio (F5)"))
|
|
righttopbtns.append(self._addButton('more', 'more'))
|
|
righttopbtns = runFilter("setupEditorButtons", righttopbtns, self)
|
|
topbuts = """
|
|
<div id="topbutsleft" style="float:left;">
|
|
<button onclick="pycmd('fields')">%(flds)s...</button>
|
|
<button onclick="pycmd('cards')">%(cards)s...</button>
|
|
</div>
|
|
<div id="topbutsright" style="float:right;">
|
|
%(rightbts)s
|
|
</div>
|
|
""" % dict(flds=_("Fields"), cards=_("Cards"), rightbts="".join(righttopbtns))
|
|
self.web.stdHtml(_html % (
|
|
self.mw.baseHTML(), anki.js.jquery,
|
|
topbuts,
|
|
_("Show Duplicates")))
|
|
|
|
# Top buttons
|
|
######################################################################
|
|
|
|
def _addButton(self, icon, cmd, tip="", id=None):
|
|
if os.path.isabs(icon):
|
|
iconstr = icon
|
|
else:
|
|
iconstr = "qrc:/icons/{}.png".format(icon)
|
|
if id:
|
|
idstr = 'id={}'.format(id)
|
|
else:
|
|
idstr = ""
|
|
return '''<button tabindex=-1 {id} class=linkb type="button" title="{tip}" onclick="pycmd('{cmd}');return false;">
|
|
<img class=topbut src="{icon}"></button>'''.format(icon=iconstr, cmd=cmd, tip=_(tip), id=idstr)
|
|
|
|
def setupShortcuts(self):
|
|
cuts = [
|
|
("Ctrl+L", self.onCardLayout),
|
|
("Ctrl+B", self.toggleBold),
|
|
("Ctrl+I", self.toggleItalic),
|
|
("Ctrl+U", self.toggleUnderline),
|
|
("Ctrl+Shift+=", self.toggleSuper),
|
|
("Ctrl+=", self.toggleSub),
|
|
("Ctrl+R", self.removeFormat),
|
|
("F7", self.onForeground),
|
|
("F8", self.onChangeCol),
|
|
("Ctrl+Shift+C", self.onCloze),
|
|
("Ctrl+Shift+Alt+C", self.onCloze),
|
|
("F3", self.onAddMedia),
|
|
("F5", self.onRecSound),
|
|
("Ctrl+T, T", self.insertLatex),
|
|
("Ctrl+T, E", self.insertLatexEqn),
|
|
("Ctrl+T, M", self.insertLatexMathEnv),
|
|
("Ctrl+Shift+X", self.onHtmlEdit),
|
|
("Ctrl+Shift+T", lambda: self.tags.setFocus),
|
|
]
|
|
runFilter("setupEditorShortcuts", cuts)
|
|
for keys, fn in cuts:
|
|
QShortcut(QKeySequence(keys), self.widget, activated=fn)
|
|
|
|
def onFields(self):
|
|
self.saveNow(self._onFields)
|
|
|
|
def _onFields(self):
|
|
from aqt.fields import FieldDialog
|
|
FieldDialog(self.mw, self.note, parent=self.parentWindow)
|
|
|
|
def onCardLayout(self):
|
|
self.saveNow(self._onCardLayout)
|
|
|
|
def _onCardLayout(self):
|
|
from aqt.clayout import CardLayout
|
|
if self.card:
|
|
ord = self.card.ord
|
|
else:
|
|
ord = 0
|
|
CardLayout(self.mw, self.note, ord=ord, parent=self.parentWindow,
|
|
addMode=self.addMode)
|
|
if isWin:
|
|
self.parentWindow.activateWindow()
|
|
|
|
# JS->Python bridge
|
|
######################################################################
|
|
|
|
def onBridgeCmd(self, cmd):
|
|
if not self.note or not runHook:
|
|
# shutdown
|
|
return
|
|
# focus lost or key/button pressed?
|
|
if cmd.startswith("blur") or cmd.startswith("key"):
|
|
(type, txt) = cmd.split(":", 1)
|
|
txt = urllib.parse.unquote(txt)
|
|
txt = self.mungeHTML(txt)
|
|
# misbehaving apps may include a null byte in the text
|
|
txt = txt.replace("\x00", "")
|
|
# reverse the url quoting we added to get images to display
|
|
txt = self.mw.col.media.escapeImages(txt, unescape=True)
|
|
self.note.fields[self.currentField] = txt
|
|
if not self.addMode:
|
|
self.note.flush()
|
|
self.mw.requireReset()
|
|
if type == "blur":
|
|
# run any filters
|
|
if runFilter(
|
|
"editFocusLost", False, self.note, self.currentField):
|
|
# something updated the note; schedule reload
|
|
def onUpdate():
|
|
if not self.note:
|
|
return
|
|
self.stealFocus = True
|
|
self.loadNote()
|
|
self.checkValid()
|
|
self.mw.progress.timer(100, onUpdate, False)
|
|
else:
|
|
self.checkValid()
|
|
else:
|
|
runHook("editTimer", self.note)
|
|
self.checkValid()
|
|
# focused into field?
|
|
elif cmd.startswith("focus"):
|
|
(type, num) = cmd.split(":", 1)
|
|
self.currentField = int(num)
|
|
runHook("editFocusGained", self.note, self.currentField)
|
|
elif cmd in self._links:
|
|
self._links[cmd](self)
|
|
else:
|
|
print("uncaught cmd", cmd)
|
|
|
|
def mungeHTML(self, txt):
|
|
if txt == "<br>":
|
|
txt = ""
|
|
return txt
|
|
|
|
# Setting/unsetting the current note
|
|
######################################################################
|
|
|
|
def _loadFinished(self):
|
|
self._loaded = True
|
|
|
|
# match the background colour
|
|
bgcol = self.mw.app.palette().window().color().name()
|
|
self.web.eval("setBG('%s')" % bgcol)
|
|
# setup colour button
|
|
self.setupForegroundButton()
|
|
|
|
if self.note:
|
|
self.loadNote()
|
|
|
|
def setNote(self, note, hide=True, focus=False):
|
|
"Make NOTE the current note."
|
|
self.note = note
|
|
self.currentField = 0
|
|
if focus:
|
|
self.stealFocus = True
|
|
if self.note:
|
|
self.loadNote()
|
|
else:
|
|
self.hideCompleters()
|
|
if hide:
|
|
self.widget.hide()
|
|
|
|
def loadNote(self):
|
|
if not self.note:
|
|
return
|
|
if self.stealFocus:
|
|
field = self.currentField
|
|
else:
|
|
field = -1
|
|
if not self._loaded:
|
|
# will be loaded when page is ready
|
|
return
|
|
data = []
|
|
for fld, val in list(self.note.items()):
|
|
data.append((fld, self.mw.col.media.escapeImages(val)))
|
|
self.web.eval("setFields(%s, %d);" % (
|
|
json.dumps(data), field))
|
|
self.web.eval("setFonts(%s);" % (
|
|
json.dumps(self.fonts())))
|
|
self.checkValid()
|
|
self.updateTags()
|
|
self.widget.show()
|
|
if self.stealFocus:
|
|
self.web.setFocus()
|
|
self.stealFocus = False
|
|
|
|
|
|
def focus(self):
|
|
self.web.setFocus()
|
|
|
|
def fonts(self):
|
|
return [(f['font'], f['size'], f['rtl'])
|
|
for f in self.note.model()['flds']]
|
|
|
|
def saveNow(self, callback):
|
|
"Save unsaved edits then call callback()."
|
|
if not self.note:
|
|
callback()
|
|
return
|
|
self.saveTags()
|
|
self.web.evalWithCallback("saveNow()", lambda res: callback())
|
|
|
|
def checkValid(self):
|
|
cols = []
|
|
err = None
|
|
for f in self.note.fields:
|
|
cols.append("#fff")
|
|
err = self.note.dupeOrEmpty()
|
|
if err == 2:
|
|
cols[0] = "#fcc"
|
|
self.web.eval("showDupes();")
|
|
else:
|
|
self.web.eval("hideDupes();")
|
|
self.web.eval("setBackgrounds(%s);" % json.dumps(cols))
|
|
|
|
def showDupes(self):
|
|
contents = stripHTMLMedia(self.note.fields[0])
|
|
browser = aqt.dialogs.open("Browser", self.mw)
|
|
browser.form.searchEdit.lineEdit().setText(
|
|
'"dupe:%s,%s"' % (self.note.model()['id'],
|
|
contents))
|
|
browser.onSearchActivated()
|
|
|
|
def fieldsAreBlank(self):
|
|
if not self.note:
|
|
return True
|
|
m = self.note.model()
|
|
for c, f in enumerate(self.note.fields):
|
|
if f and not m['flds'][c]['sticky']:
|
|
return False
|
|
return True
|
|
|
|
# HTML editing
|
|
######################################################################
|
|
|
|
def onHtmlEdit(self):
|
|
self.saveNow(self._onHtmlEdit)
|
|
|
|
def _onHtmlEdit(self):
|
|
d = QDialog(self.widget)
|
|
form = aqt.forms.edithtml.Ui_Dialog()
|
|
form.setupUi(d)
|
|
form.buttonBox.helpRequested.connect(lambda: openHelp("editor"))
|
|
form.textEdit.setPlainText(self.note.fields[self.currentField])
|
|
form.textEdit.moveCursor(QTextCursor.End)
|
|
d.exec_()
|
|
html = form.textEdit.toPlainText()
|
|
# filter html through beautifulsoup so we can strip out things like a
|
|
# leading </div>
|
|
with warnings.catch_warnings() as w:
|
|
warnings.simplefilter('ignore', UserWarning)
|
|
html = str(BeautifulSoup(html, "html.parser"))
|
|
self.note.fields[self.currentField] = html
|
|
self.loadNote()
|
|
# focus field so it's saved
|
|
self.web.setFocus()
|
|
self.web.eval("focusField(%d);" % self.currentField)
|
|
|
|
# Tag handling
|
|
######################################################################
|
|
|
|
def setupTags(self):
|
|
import aqt.tagedit
|
|
g = QGroupBox(self.widget)
|
|
g.setFlat(True)
|
|
tb = QGridLayout()
|
|
tb.setSpacing(12)
|
|
tb.setContentsMargins(6,6,6,6)
|
|
# tags
|
|
l = QLabel(_("Tags"))
|
|
tb.addWidget(l, 1, 0)
|
|
self.tags = aqt.tagedit.TagEdit(self.widget)
|
|
self.tags.lostFocus.connect(self.saveTags)
|
|
self.tags.setToolTip(shortcut(_("Jump to tags with Ctrl+Shift+T")))
|
|
tb.addWidget(self.tags, 1, 1)
|
|
g.setLayout(tb)
|
|
self.outerLayout.addWidget(g)
|
|
|
|
def updateTags(self):
|
|
if self.tags.col != self.mw.col:
|
|
self.tags.setCol(self.mw.col)
|
|
if not self.tags.text() or not self.addMode:
|
|
self.tags.setText(self.note.stringTags().strip())
|
|
|
|
def saveTags(self):
|
|
if not self.note:
|
|
return
|
|
self.note.tags = self.mw.col.tags.canonify(
|
|
self.mw.col.tags.split(self.tags.text()))
|
|
self.tags.setText(self.mw.col.tags.join(self.note.tags).strip())
|
|
if not self.addMode:
|
|
self.note.flush()
|
|
runHook("tagsUpdated", self.note)
|
|
|
|
def saveAddModeVars(self):
|
|
if self.addMode:
|
|
# save tags to model
|
|
m = self.note.model()
|
|
m['tags'] = self.note.tags
|
|
self.mw.col.models.save(m)
|
|
|
|
def hideCompleters(self):
|
|
self.tags.hideCompleter()
|
|
|
|
# Format buttons
|
|
######################################################################
|
|
|
|
def toggleBold(self):
|
|
self.web.eval("setFormat('bold');")
|
|
|
|
def toggleItalic(self):
|
|
self.web.eval("setFormat('italic');")
|
|
|
|
def toggleUnderline(self):
|
|
self.web.eval("setFormat('underline');")
|
|
|
|
def toggleSuper(self):
|
|
self.web.eval("setFormat('superscript');")
|
|
|
|
def toggleSub(self):
|
|
self.web.eval("setFormat('subscript');")
|
|
|
|
def removeFormat(self):
|
|
self.web.eval("setFormat('removeFormat');")
|
|
|
|
def onCloze(self):
|
|
# check that the model is set up for cloze deletion
|
|
if not re.search('{{(.*:)*cloze:',self.note.model()['tmpls'][0]['qfmt']):
|
|
if self.addMode:
|
|
tooltip(_("Warning, cloze deletions will not work until "
|
|
"you switch the type at the top to Cloze."))
|
|
else:
|
|
showInfo(_("""\
|
|
To make a cloze deletion on an existing note, you need to change it \
|
|
to a cloze type first, via Edit>Change Note Type."""))
|
|
return
|
|
# find the highest existing cloze
|
|
highest = 0
|
|
for name, val in list(self.note.items()):
|
|
m = re.findall("\{\{c(\d+)::", val)
|
|
if m:
|
|
highest = max(highest, sorted([int(x) for x in m])[-1])
|
|
# reuse last?
|
|
if not self.mw.app.keyboardModifiers() & Qt.AltModifier:
|
|
highest += 1
|
|
# must start at 1
|
|
highest = max(1, highest)
|
|
self.web.eval("wrap('{{c%d::', '}}');" % highest)
|
|
|
|
# Foreground colour
|
|
######################################################################
|
|
|
|
def setupForegroundButton(self):
|
|
self.fcolour = self.mw.pm.profile.get("lastColour", "#00f")
|
|
self.onColourChanged()
|
|
|
|
# use last colour
|
|
def onForeground(self):
|
|
self._wrapWithColour(self.fcolour)
|
|
|
|
# choose new colour
|
|
def onChangeCol(self):
|
|
new = QColorDialog.getColor(QColor(self.fcolour), None)
|
|
# native dialog doesn't refocus us for some reason
|
|
self.parentWindow.activateWindow()
|
|
if new.isValid():
|
|
self.fcolour = new.name()
|
|
self.onColourChanged()
|
|
self._wrapWithColour(self.fcolour)
|
|
|
|
def _updateForegroundButton(self):
|
|
self.web.eval("setFGButton('%s')" % self.fcolour)
|
|
|
|
def onColourChanged(self):
|
|
self._updateForegroundButton()
|
|
self.mw.pm.profile['lastColour'] = self.fcolour
|
|
|
|
def _wrapWithColour(self, colour):
|
|
self.web.eval("setFormat('forecolor', '%s')" % colour)
|
|
|
|
# Audio/video/images
|
|
######################################################################
|
|
|
|
def onAddMedia(self):
|
|
key = (_("Media") +
|
|
" (*.jpg *.png *.gif *.tiff *.svg *.tif *.jpeg "+
|
|
"*.mp3 *.ogg *.wav *.avi *.ogv *.mpg *.mpeg *.mov *.mp4 " +
|
|
"*.mkv *.ogx *.ogv *.oga *.flv *.swf *.flac)")
|
|
def accept(file):
|
|
self.addMedia(file, canDelete=True)
|
|
file = getFile(self.widget, _("Add Media"), accept, key, key="media")
|
|
self.parentWindow.activateWindow()
|
|
|
|
def addMedia(self, path, canDelete=False):
|
|
html = self._addMedia(path, canDelete)
|
|
self.web.eval("setFormat('inserthtml', %s);" % json.dumps(html))
|
|
|
|
def _addMedia(self, path, canDelete=False):
|
|
"Add to media folder and return local img or sound tag."
|
|
# copy to media folder
|
|
fname = self.mw.col.media.addFile(path)
|
|
# remove original?
|
|
if canDelete and self.mw.pm.profile['deleteMedia']:
|
|
if os.path.abspath(fname) != os.path.abspath(path):
|
|
try:
|
|
os.unlink(path)
|
|
except:
|
|
pass
|
|
# return a local html link
|
|
return self.fnameToLink(fname)
|
|
|
|
def onRecSound(self):
|
|
try:
|
|
file = getAudio(self.widget)
|
|
except Exception as e:
|
|
showWarning(_(
|
|
"Couldn't record audio. Have you installed lame and sox?") +
|
|
"\n\n" + repr(str(e)))
|
|
return
|
|
self.addMedia(file)
|
|
|
|
# Media downloads
|
|
######################################################################
|
|
|
|
def urlToLink(self, url):
|
|
fname = self.urlToFile(url)
|
|
if not fname:
|
|
return ""
|
|
return self.fnameToLink(fname)
|
|
|
|
def fnameToLink(self, fname):
|
|
ext = fname.split(".")[-1].lower()
|
|
if ext in pics:
|
|
name = urllib.parse.quote(fname.encode("utf8"))
|
|
return '<img src="%s">' % name
|
|
else:
|
|
anki.sound.play(fname)
|
|
return '[sound:%s]' % fname
|
|
|
|
def urlToFile(self, url):
|
|
l = url.lower()
|
|
for suffix in pics+audio:
|
|
if l.endswith(suffix):
|
|
return self._retrieveURL(url)
|
|
# not a supported type
|
|
return
|
|
|
|
def isURL(self, s):
|
|
s = s.lower()
|
|
return (s.startswith("http://")
|
|
or s.startswith("https://")
|
|
or s.startswith("ftp://")
|
|
or s.startswith("file://"))
|
|
|
|
def _retrieveURL(self, url):
|
|
"Download file into media folder and return local filename or None."
|
|
# urllib doesn't understand percent-escaped utf8, but requires things like
|
|
# '#' to be escaped. we don't try to unquote the incoming URL, because
|
|
# we should only be receiving file:// urls from url mime, which is unquoted
|
|
if url.lower().startswith("file://"):
|
|
url = url.replace("%", "%25")
|
|
url = url.replace("#", "%23")
|
|
# fetch it into a temporary folder
|
|
self.mw.progress.start(
|
|
immediate=True, parent=self.parentWindow)
|
|
try:
|
|
req = urllib.request.Request(url, None, {
|
|
'User-Agent': 'Mozilla/5.0 (compatible; Anki)'})
|
|
filecontents = urllib.request.urlopen(req).read()
|
|
except urllib.error.URLError as e:
|
|
showWarning(_("An error occurred while opening %s") % e)
|
|
return
|
|
finally:
|
|
self.mw.progress.finish()
|
|
path = urllib.parse.unquote(url)
|
|
return self.mw.col.media.writeData(path, filecontents)
|
|
|
|
# Paste/drag&drop
|
|
######################################################################
|
|
|
|
removeTags = ["script", "iframe", "object", "style"]
|
|
|
|
def _pastePreFilter(self, html):
|
|
with warnings.catch_warnings() as w:
|
|
warnings.simplefilter('ignore', UserWarning)
|
|
doc = BeautifulSoup(html, "html.parser")
|
|
|
|
for tag in self.removeTags:
|
|
for node in doc(tag):
|
|
node.decompose()
|
|
|
|
# convert p tags to divs
|
|
for node in doc("p"):
|
|
node.name = "div"
|
|
|
|
for tag in doc("img"):
|
|
try:
|
|
if self.isURL(tag['src']):
|
|
# convert remote image links to local ones
|
|
fname = self.urlToFile(tag['src'])
|
|
if fname:
|
|
tag['src'] = fname
|
|
except KeyError:
|
|
# for some bizarre reason, mnemosyne removes src elements
|
|
# from missing media
|
|
pass
|
|
|
|
html = str(doc)
|
|
return html
|
|
|
|
def doPaste(self, html, internal):
|
|
if not internal:
|
|
html = self._pastePreFilter(html)
|
|
self.web.eval("pasteHTML(%s);" % json.dumps(html))
|
|
|
|
def doDrop(self, html, internal):
|
|
self.web.evalWithCallback("dropTarget.focus();",
|
|
lambda _: self.doPaste(html, internal))
|
|
self.web.setFocus()
|
|
|
|
def onPaste(self):
|
|
self.web.onPaste()
|
|
|
|
# Advanced menu
|
|
######################################################################
|
|
|
|
def onAdvanced(self):
|
|
m = QMenu(self.mw)
|
|
a = m.addAction(_("LaTeX"))
|
|
a.triggered.connect(self.insertLatex)
|
|
a = m.addAction(_("LaTeX equation"))
|
|
a.triggered.connect(self.insertLatexEqn)
|
|
a = m.addAction(_("LaTeX math env."))
|
|
a.triggered.connect(self.insertLatexMathEnv)
|
|
a = m.addAction(_("Edit HTML"))
|
|
a.triggered.connect(self.onHtmlEdit)
|
|
m.exec_(QCursor.pos())
|
|
|
|
# LaTeX
|
|
######################################################################
|
|
|
|
def insertLatex(self):
|
|
self.web.eval("wrap('[latex]', '[/latex]');")
|
|
|
|
def insertLatexEqn(self):
|
|
self.web.eval("wrap('[$]', '[/$]');")
|
|
|
|
def insertLatexMathEnv(self):
|
|
self.web.eval("wrap('[$$]', '[/$$]');")
|
|
|
|
# Links from HTML
|
|
######################################################################
|
|
|
|
_links = dict(
|
|
fields=onFields,
|
|
cards=onCardLayout,
|
|
bold=toggleBold,
|
|
italic=toggleItalic,
|
|
underline=toggleUnderline,
|
|
super=toggleSuper,
|
|
sub=toggleSub,
|
|
clear=removeFormat,
|
|
colour=onForeground,
|
|
changeCol=onChangeCol,
|
|
cloze=onCloze,
|
|
attach=onAddMedia,
|
|
record=onRecSound,
|
|
more=onAdvanced,
|
|
dupes=showDupes,
|
|
paste=onPaste,
|
|
)
|
|
|
|
# Pasting, drag & drop, and keyboard layouts
|
|
######################################################################
|
|
|
|
class EditorWebView(AnkiWebView):
|
|
|
|
def __init__(self, parent, editor):
|
|
AnkiWebView.__init__(self)
|
|
self.editor = editor
|
|
self.strip = self.editor.mw.pm.profile['stripHTML']
|
|
self.setAcceptDrops(True)
|
|
|
|
def onCut(self):
|
|
self.triggerPageAction(QWebEnginePage.Cut)
|
|
self._flagAnkiText()
|
|
|
|
def onCopy(self):
|
|
self.triggerPageAction(QWebEnginePage.Copy)
|
|
self._flagAnkiText()
|
|
|
|
def onPaste(self):
|
|
mime = self.editor.mw.app.clipboard().mimeData(mode=QClipboard.Clipboard)
|
|
html, internal = self._processMime(mime)
|
|
if not html:
|
|
return
|
|
self.editor.doPaste(html, internal)
|
|
|
|
def dropEvent(self, evt):
|
|
mime = evt.mimeData()
|
|
|
|
if evt.source() and mime.hasHtml():
|
|
# don't filter html from other fields
|
|
html, internal = mime.html(), True
|
|
else:
|
|
html, internal = self._processMime(mime)
|
|
|
|
if not html:
|
|
return
|
|
|
|
self.editor.doDrop(html, internal)
|
|
|
|
# returns (html, isInternal)
|
|
def _processMime(self, mime):
|
|
print("html=%s image=%s urls=%s txt=%s" % (
|
|
mime.hasHtml(), mime.hasImage(), mime.hasUrls(), mime.hasText()))
|
|
print("html", mime.html())
|
|
print("urls", mime.urls())
|
|
print("text", mime.text())
|
|
|
|
# try various content types in turn
|
|
html, internal = self._processHtml(mime)
|
|
if html:
|
|
return html, internal
|
|
for fn in (self._processUrls, self._processImage, self._processText):
|
|
html = fn(mime)
|
|
if html:
|
|
return html, False
|
|
return "", False
|
|
|
|
def _processUrls(self, mime):
|
|
if not mime.hasUrls():
|
|
return
|
|
|
|
url = mime.urls()[0].toString()
|
|
# chrome likes to give us the URL twice with a \n
|
|
url = url.splitlines()[0]
|
|
return self.editor.urlToLink(url)
|
|
|
|
def _processText(self, mime):
|
|
if not mime.hasText():
|
|
return
|
|
|
|
txt = mime.text()
|
|
|
|
# if the user is pasting an image or sound link, convert it to local
|
|
if self.editor.isURL(txt):
|
|
txt = txt.split("\r\n")[0]
|
|
return self.editor.urlToLink(txt)
|
|
|
|
# normal text; convert it to HTML
|
|
return html.escape(txt)
|
|
|
|
def _processHtml(self, mime):
|
|
if not mime.hasHtml():
|
|
return None, False
|
|
html = mime.html()
|
|
|
|
# no filtering required for internal pastes
|
|
if html.startswith("<!--anki-->"):
|
|
return html[11:], True
|
|
|
|
return html, False
|
|
|
|
def _processImage(self, mime):
|
|
im = QImage(mime.imageData())
|
|
uname = namedtmp("paste")
|
|
if self.editor.mw.pm.profile.get("pastePNG", False):
|
|
ext = ".png"
|
|
im.save(uname+ext, None, 50)
|
|
else:
|
|
ext = ".jpg"
|
|
im.save(uname+ext, None, 80)
|
|
|
|
# invalid image?
|
|
path = uname+ext
|
|
if not os.path.exists(path):
|
|
return
|
|
|
|
# hash and rename
|
|
csum = checksum(open(path, "rb").read())
|
|
newpath = "{}-{}{}".format(uname, csum, ext)
|
|
os.rename(path, newpath)
|
|
|
|
# add to media and return resulting html link
|
|
return self.editor._addMedia(newpath)
|
|
|
|
def _flagAnkiText(self):
|
|
# add a comment in the clipboard html so we can tell text is copied
|
|
# from us and doesn't need to be stripped
|
|
clip = self.editor.mw.app.clipboard()
|
|
mime = clip.mimeData()
|
|
if not mime.hasHtml():
|
|
return
|
|
html = mime.html()
|
|
mime.setHtml("<!--anki-->" + mime.html())
|
|
|
|
def contextMenuEvent(self, evt):
|
|
m = QMenu(self)
|
|
a = m.addAction(_("Cut"))
|
|
a.triggered.connect(self.onCut)
|
|
a = m.addAction(_("Copy"))
|
|
a.triggered.connect(self.onCopy)
|
|
a = m.addAction(_("Paste"))
|
|
a.triggered.connect(self.onPaste)
|
|
runHook("EditorWebView.contextMenuEvent", self, m)
|
|
m.popup(QCursor.pos())
|