makary/writefreely
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix font toggle in classic editor using ProseMirror transactions

Browse source
This commit is contained in:
vtyeh 2024-10-24 17:45:46 -07:00
parent 6384f4667b
commit b33c778332
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
prose/prose.js
View file

@ -118,3 +118,4 @@ class ProseMirrorView {
let place = document.querySelector("#editor"); let place = document.querySelector("#editor");
let view = new ProseMirrorView(place, $content.value); let view = new ProseMirrorView(place, $content.value);
window.editorView = view;

21
templates/classic.tmpl
View file

@ -348,13 +348,27 @@
} catch (e) {} } catch (e) {}
}; };
var fonts = document.querySelectorAll('nav#font-picker a.font'); var fonts = document.querySelectorAll('nav#font-picker a.font');
var setFontClass = function(fontClass) {
return (state, dispatch) => {
if (dispatch && window.editorView) {
window.editorView.view.dom.classList.remove("norm", "sans", "wrap");
window.editorView.view.dom.classList.add(fontClass);
}
return true;
}
}
var changeEditorFont = function(fontClass) {
if (window.editorView) {
const command = setFontClass(fontClass);
command(window.editorView.view.state, window.editorView.view.dispatch);
}
};
for (var i=0; i<fonts.length; i++) { for (var i=0; i<fonts.length; i++) {
fonts[i].addEventListener('click', function(e) { fonts[i].addEventListener('click', function(e) {
e.preventDefault(); e.preventDefault();
selectedFont = this.href.substring(this.href.indexOf('#')+1); selectedFont = this.href.substring(this.href.indexOf('#')+1);
// TODO: don't change classes on the editor window $title.el.className = selectedFont;
//$title.el.className = selectedFont; changeEditorFont(selectedFont);
//$writer.el.className = selectedFont;
document.querySelector('nav#font-picker li.selected').classList.remove('selected'); document.querySelector('nav#font-picker li.selected').classList.remove('selected');
this.parentElement.classList.add('selected'); this.parentElement.classList.add('selected');
H.set('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', selectedFont); H.set('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', selectedFont);
@ -364,6 +378,7 @@
}); });
} }
var selectedFont = H.get('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', '{{.Post.Font}}'); var selectedFont = H.get('{{if .Editing}}draft{{.Post.Id}}font{{else}}padFont{{end}}', '{{.Post.Font}}');
document.addEventListener('DOMContentLoaded', () => {changeEditorFont(selectedFont)});
var sfe = document.querySelector('nav#font-picker a.font.'+selectedFont); var sfe = document.querySelector('nav#font-picker a.font.'+selectedFont);
if (sfe != null) { if (sfe != null) {
sfe.click(); sfe.click();