<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="css/note-ui.css"/>
<script type="text/javascript" src="tinymce.min.js"></script>
<script type="text/javascript" src="locale.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		body_id: "zotero-tinymce-note",
		content_css: "css/note-content.css",
		entity_encoding: "raw",
		fix_list_elements: true,
		
		toolbar: false,
		menubar: false,
		resize: false,
		statusbar: false,
		// Hack in text selection. More info: https://stackoverflow.com/a/52272322
		readonly: 1,
		setup: function (editor) {
			editor.on('SwitchMode', function hack() {
				if (editor.readonly) {
					editor.readonly = 1;
				}
			});
		},
		init_instance_callback: function (ed) {
			ed.setMode('readonly');
			
			setLocale(ed);
			zoteroInit(ed);

			ed.getContainer().classList.add('readonly');
			ed.dom.doc.addEventListener('click', (event) => {
				if (event.target.nodeName === 'A') {
					zoteroHandleEvent({ type: 'ZoteroLinkClick', value: event.target.href });
					event.preventDefault();
				}
			}, true);
		},
		
		// More restrictive version of default set, with JS/etc. removed
		valid_elements: "@[id|class|style|title|dir<ltr?rtl|lang|xml::lang],"
			+ "a[rel|rev|charset|hreflang|tabindex|accesskey|type|name|href|target|title|class],"
			+ "strong/b,"
			+ "em/i,"
			+ "strike,"
			+ "u,"
			+ "#p,"
			+ "-ol[type|compact],"
			+ "-ul[type|compact],"
			+ "-li,"
			+ "br,"
			+ "img[longdesc|usemap|src|border|alt=|title|hspace|vspace|width|height|align],"
			+ "-sub,-sup,"
			+ "-blockquote[cite],"
			+ "-table[border=0|cellspacing|cellpadding|width|frame|rules|height|align|summary|bgcolor|background|bordercolor],"
			+ "-tr[rowspan|width|height|align|valign|bgcolor|background|bordercolor],"
			+ "tbody,thead,tfoot,"
			+ "#td[colspan|rowspan|width|height|align|valign|bgcolor|background|bordercolor|scope],"
			+ "#th[colspan|rowspan|width|height|align|valign|scope],"
			+ "caption,"
			+ "-div,"
			+ "-span,"
			+ "-code,"
			+ "-pre,"
			+ "address,"
			+ "-h1,-h2,-h3,-h4,-h5,-h6,"
			+ "hr[size|noshade],"
			+ "-font[face|size|color],"
			+ "dd,dl,dt,"
			+ "cite,"
			+ "abbr,"
			+ "acronym,"
			+ "del[datetime|cite],ins[datetime|cite],"
			+ "bdo,"
			+ "col[align|char|charoff|span|valign|width],colgroup[align|char|charoff|span|valign|width],"
			+ "dfn,"
			+ "kbd,"
			+ "label[for],"
			+ "legend,"
			+ "q[cite],"
			+ "samp,"
			+ "var,"
	});
	tinyMCE.execCommand("mceAddEditor", true, "tinymce");
</script>
</head>
<body>
<div id="tinymce"></div>
</body>
</html>