2014-03-29 2 views
0

Я хочу создать инструмент разработки, в который я могу ввести код (например, HTML, CSS и JS), и он создаст окно предварительного просмотра/результата (например, JSFiddle). Я буду использовать его для обучения в школе и вам нужен уникальный сайт для этого (я бы хотел использовать CodePen, JS Fiddle или Codecademy ... Но я не могу).Обработка кода (на стороне клиента, а не на сервере)

Я могу сгенерировать форму, которая может быть обработана и показана в iframe (через PHP, где она просто выводит информацию в новый html-файл, который показан в iframe). Но это связано с проблемами; У меня только дешевый сервер, и я не хочу слишком сильно нажимать на него, поэтому нужно сделать это через JS/jQuery.

Во-первых, это возможно? И как бы я это сделал (примеры кода были бы замечательными!)?

Заранее спасибо (я appologise, если я не дал достаточно подробностей, но я довольно новыми для этого и может просто задавать бессмысленный вопрос (я только 15: /))

Приветствия:)

+0

Если вы хотите что-то, что только что показало визуализированный html, css, js (только на стороне клиента), вы можете использовать практически любой из популярных текстовых редакторов, ориентированных на код. notepad ++ или html-kit. Если вы хотите что-то, что будет анализировать серверные вещи, такие как php, вы можете установить что-то вроде wamp или xampp. IOW вы делаете все это локально, не перерабатывая колесо собственным инструментом. –

+0

Вам придется иметь больно недоукомплектованный сервер, чтобы не перекликать текст на странице. Малина Pi (компьютер стоимостью 35 долларов США) может легко справиться с этим. –

+0

IOW Ваша веб-страница не должна размещаться на каком-либо другом сервере. Ваш браузер отлично отобразит страницу с файлами на вашем собственном компьютере. Если это чисто клиентский материал, просто снимите этот файл и откройте его в браузере. Если вы хотите наполнить, как parse php, тогда вам нужно будет установить сервер на вашем компьютере (например, я сказал, что проще всего установить wamp или xampp) –

ответ

0

Существует довольно впечатляющий проект под названием php.js, который позволит вам разобрать и выполнить подмножество кода PHP в браузере.

+0

Блестящий! Только то, что я искал, и я даже не знал, что он существует: D –

0

Если вы хотите сделать это на клиенте/в браузере, таком как jsfiddel, вам нужно 2 или более фреймов. Один для вашего кода и один для вывода.

Если вы нажмете «запустить», тогда вам необходимо применить свой код к кадру. Вы можете сделать это, обратившись к объекту document кадра. Если у вас есть это, вам нужно будет ввести свой код там. В Интернете много примеров о том, как получить доступ к объекту document из фрейма/iframe.

Смежные вопросы