edit buttons not appearing for popup windows #158

jmvanel · 2015-08-06T20:27:27Z

Here is the JavaScript I use to launch a Pen window on double click :

function launchEditorWindow(elem) {
  var popupWindow = window.open('', 'windowName', 'height=300,width=300');
  var options = {
    editor: popupWindow.document.body,
    class: 'pen',
    list: // editor menu list
    [ 'insertimage', 'blockquote', 'h2', 'h3', 'p', 'code', 'insertorderedlist', 'insertunorderedlist', 'inserthorizontalrule',
      'indent', 'outdent', 'bold', 'italic', 'underline', 'createlink' ]
  }}
  popupWindow.document.body.innerHTML = elem.value
  var editor = new Pen( options );
  popupWindow.onbeforeunload = function() {
    elem.value = editor.toMd(); // return a markdown string
  };
}```

jmvanel · 2016-01-03T11:36:55Z

The problem: for a popup window created by program, most facilities of Pen do not work; the tool bar, the commands followed by space. Only the return key has an effect.

Here is a complete HTML to reproduce the problem.

<html>
<script src="http://sofish.github.io/pen/src/pen.js"></script>
<script type="text/javascript">
  var popupWindow = window.open( '', 'windowName', 'height=300,width=300');
  var editorDiv = popupWindow.document.createElement("div");
  var body = popupWindow.document.body;
  body.appendChild(editorDiv);
  editorDiv.textContent = '?';

  var options = { editor: editorDiv };
  var editor = new Pen(options);
  pen.focus();
</script>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

edit buttons not appearing for popup windows #158

edit buttons not appearing for popup windows #158

jmvanel commented Aug 6, 2015

jmvanel commented Jan 3, 2016

edit buttons not appearing for popup windows #158

edit buttons not appearing for popup windows #158

Comments

jmvanel commented Aug 6, 2015

jmvanel commented Jan 3, 2016