From mboxrd@z Thu Jan  1 00:00:00 1970
From: Rasmus <rasmus@gmx.us>
Subject: Re: html export with editable/runnable js src blocks?
Date: Fri, 28 Oct 2016 11:55:50 +0200
Message-ID: <87wpgs94rd.fsf@gmx.us>
References: <CAN_Dec-KSP1AUcOMVePSP67bsDMNmrB-X-Sk3pENsg-WJRqg8Q@mail.gmail.com>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 8bit
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from eggs.gnu.org ([2001:4830:134:3::10]:54948)
	by lists.gnu.org with esmtp (Exim 4.71)
	(envelope-from <geo-emacs-orgmode@m.gmane.org>) id 1c03uD-0001vI-Qq
	for emacs-orgmode@gnu.org; Fri, 28 Oct 2016 05:56:58 -0400
Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.71)
	(envelope-from <geo-emacs-orgmode@m.gmane.org>) id 1c03uA-0000WU-Nf
	for emacs-orgmode@gnu.org; Fri, 28 Oct 2016 05:56:57 -0400
Received: from [195.159.176.226] (port=40672 helo=blaine.gmane.org)
	by eggs.gnu.org with esmtps (TLS1.0:RSA_AES_128_CBC_SHA1:16)
	(Exim 4.71) (envelope-from <geo-emacs-orgmode@m.gmane.org>)
	id 1c03uA-0000WD-GV
	for emacs-orgmode@gnu.org; Fri, 28 Oct 2016 05:56:54 -0400
Received: from list by blaine.gmane.org with local (Exim 4.84_2)
	(envelope-from <geo-emacs-orgmode@m.gmane.org>) id 1c03tc-0006vJ-1q
	for emacs-orgmode@gnu.org; Fri, 28 Oct 2016 11:56:20 +0200
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <https://lists.gnu.org/mailman/options/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/archive/html/emacs-orgmode/>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <https://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=subscribe>
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
Sender: "Emacs-orgmode"
	<emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
To: emacs-orgmode@gnu.org

Matt Price <moptop99@gmail.com> writes:

> I feel like I've seen people do this before but my search today did not
> turn up a working example online. I'd like to be able to export to html
> (and by extension, to a blog or a reveal.js presentation) and have my
> source code blocks -- at leas t the javascript ones -- placed in an editing
> environment that allows you to actually run the code. the idea is to help
> students experiment with code as you're talking about it in class.

You could add contenteditable="true" to your <pre ...> tags.  E.g.

    <pre class="src src-emacs-lisp" contenteditable="true">

On this page there’s some ideas for making it live. 

   http://html5doctor.com/the-contenteditable-attribute/

> Has anyone done this? I know it's not too hard to embed codemirror or ace
> in aweb page, but I odn't know how to get org to set the blocks up right.
> Would love some suggestions or examples. Thank you!

Unfortunately, org-html-src-block does not allow you to insert random keys
into <pre...>.  Thus, you would either have to prepare your pages with JS
on pageload, do the correction with org-export-filter-body-functions or
maybe change org-html-src-block to allow the flexibility you need.  You
might need to figure out what you want the final output to be like first.

The IPython notebook (which has some other name these days) might also be
appropriate here, though I don’t know if it does JS...

Hope it helps,
Rasmus

-- 
You people at the NSA are becoming my new best friends!