Real-time preview html editor

--> Real-time preview html editor --> -->

« previous next »

Print

Pages: [1] Go Down

Author Topic: Real-time preview html editor (Read 3156 times)

0 Members and 1 Guest are viewing this topic.

Keoni29

LV11 Super Veteran (Next: 3000)
Posts: 2466
Rating: +291/-16

Real-time preview html editor

« on: June 24, 2014, 03:23:23 pm »

I am looking for a free html editor with a real-time preview window. I'd prefer a linux version, but I could run the editor in wine.

Logged

If you like my work: why not give me an internet?

Sorunome

Fox Fox Fox Fox Fox Fox Fox!
Support Staff
LV13 Extreme Addict (Next: 9001)
Posts: 7920
Rating: +374/-13
Derpy Hooves

Re: Real-time preview html editor

« Reply #1 on: June 24, 2014, 03:27:19 pm »

w3school's editor works well for me.
You have to load it with one of the defaults, though, i just picked this one because it was in my history: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_parseint

Logged

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Streetwalrus

LV12 Extreme Poster (Next: 5000)
Posts: 3821
Rating: +80/-8

Re: Real-time preview html editor

« Reply #2 on: June 26, 2014, 09:40:46 am »

You could also use your favorite text editor and have firefox refresh the page every time you save (or make your build-and-run key trigger it, same deal). Not exactly real time but that works.

Logged

Keoni29

LV11 Super Veteran (Next: 3000)
Posts: 2466
Rating: +291/-16

Re: Real-time preview html editor

« Reply #3 on: June 26, 2014, 09:42:59 am »

Hey, what about a meta tag that refreshes the page automagically? That's what I did with my server statistics page: http://cookiecraft.eeems.me:81/minecraft/
<meta http-equiv="refresh" content="4">

Logged

If you like my work: why not give me an internet?

Streetwalrus

LV12 Extreme Poster (Next: 5000)
Posts: 3821
Rating: +80/-8

Re: Real-time preview html editor

« Reply #4 on: June 26, 2014, 09:43:49 am »

That works too but you have to wait for the refresh cycle so not exactly as instant.

Logged

Print

Pages: [1] Go Up

« previous next »

\n\t\t\t\t\t\t\t\t\t

<' + '/div>\n\t\t\t\t\t\t\t\t\t

%body%<' + '/textarea><br />\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class="smalltext">Max characters: 20000; characters remaining:  <span id="editorLeft2">...<' + '/span><' + '/span><br />\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="db18a062c" value="fb351fdc8a7577aada006a0427c07408" />\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="topic" value="21283" />\n\t\t\t\t\t\t\t\t\t<input type="hidden" name="msg" value="%msg_id%" />\n\t\t\t\t\t\t\t\t\t<div class="righttext">\n\t\t\t\t\t\t\t\t\t\t<input type="submit" name="post" value="Save" tabindex="2" onclick="return oQuickModify.modifySave(\'fb351fdc8a7577aada006a0427c07408\', \'db18a062c\');" accesskey="s" class="button_submit" />  <input type="submit" name="cancel" value="Cancel" tabindex="3" onclick="return oQuickModify.modifyCancel();" class="button_submit" />\n\t\t\t\t\t\t\t\t\t<' + '/div>\n\t\t\t\t\t\t\t\t<' + '/div>',
							sTemplateSubjectEdit: '<input type="text" style="width: 90%;" name="subject" value="%subject%" size="80" maxlength="80" tabindex="4" class="input_text" />',
							sTemplateBodyNormal: '%body%',
							sTemplateSubjectNormal: '<a hr'+'ef="https://www.omnimaga.org/index.php'+'?topic=21283.msg%msg_id%#msg%msg_id%" rel="nofollow">%subject%<' + '/a>',
							sTemplateTopSubject: 'Topic: %subject%  (Read 3156 times)',
							sErrorBorderStyle: '1px solid red'
						});

aJumpTo[aJumpTo.length] = new JumpTo({
							sContainerId: "display_jump_to",
							sJumpToTemplate: "<label class=\"smalltext\" for=\"%select_id%\">Jump to:<" + "/label> %dropdown_list%",
							iCurBoardId: 77,
							iCurBoardChildLevel: 1,
							sCurBoardName: "Web Programming and Design",
							sBoardChildLevelIndicator: "==",
							sBoardPrefix: "=> ",
							sCatSeparator: "-----------------------------",
							sCatPrefix: "",
							sGoButtonLabel: "go"
						});

aIconLists[aIconLists.length] = new IconList({
							sBackReference: "aIconLists[" + aIconLists.length + "]",
							sIconIdPrefix: "msg_icon_",
							sScriptUrl: smf_scripturl,
							bShowModify: true,
							iBoardId: 77,
							iTopicId: 21283,
							sSessionId: "fb351fdc8a7577aada006a0427c07408",
							sSessionVar: "db18a062c",
							sLabelIconList: "Message Icon",
							sBoxBackground: "transparent",
							sBoxBackgroundHover: "#ffffff",
							iBoxBorderWidthHover: 1,
							sBoxBorderColorHover: "#adadad" ,
							sContainerBackground: "#ffffff",
							sContainerBorder: "1px solid #adadad",
							sItemBorder: "1px solid #ffffff",
							sItemBorderHover: "1px dotted gray",
							sItemBackground: "transparent",
							sItemBackgroundHover: "#e0e0f0"
						});
					}
					function tick2()
					{
						if (typeof(document.forms.quickModForm) != "undefined")
						{
							calcCharLeft2();
							setTimeout("tick2()", 1000);
						}
						else
							setTimeout("tick2()", 800);
					}

function message_onkeyup()
					{
						if (typeof(document.forms.quickModForm) != "undefined" && typeof(document.forms.quickModForm.message) != "undefined")
						{
							document.forms.quickModForm.message.onkeyup = function onkeyup(event)
							{
								storeCaret(this);
								calcCharLeft2();
							};
						}
						else
							setTimeout("message_onkeyup()", 800);
					}
					message_onkeyup();

function calcCharLeft2()
					{
						var maxLength = 20000;
						var oldEditor = "", currentEditor = document.forms.quickModForm.message.value;

if (!document.getElementById("editorLeft2"))
							return;

if (oldEditor != currentEditor)
						{
							oldEditor = currentEditor;

if (currentEditor.replace(/\r/, "").length > maxLength)
								document.forms.quickModForm.message.value = currentEditor.replace(/\r/, "").substring(0, maxLength);
							currentEditor = document.forms.quickModForm.message.value.replace(/\r/, "");
						}

setInnerHTML(document.getElementById("editorLeft2"), maxLength - currentEditor.length);
					}
				// ]]></script>-->
				</td>
			</tr>
			<tr class="tablerow2" valign="top">
				<td class="tablecol_0" style="width: 200px; min-width: 200px; max-width: 200px;">
					<span class="clear upperframe"><span></span></span>
					<div class="roundframe"><div class="innerframe">
							<div id="clonemodule_25" style="padding: 0.5em 4px;">
								
							</div>
					</div></div>
					<span class="lowerframe"><span></span></span>
				</td>
			</tr>
		</tbody></table>
		</div>
	</div></div>
	<div id="footer_section"><div class="frame">
		<ul class="reset">
			<li class="copyright">
			<span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="https://www.omnimaga.org/credits/" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.15</a> |
 <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2017</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a><br class="clear"><span style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://dream-portal.net/" target="_blank" class="new_win">Dream Portal 1.1 © 2009–2025 Dream Portal Team</a></span>
			</span></li>
			<li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="Valid XHTML 1.0!"><span>XHTML</span></a></li>
			<li><a id="button_rss" href="https://www.omnimaga.org/.xml/?type=rss" class="new_win"><span>RSS</span></a></li>
			<li class="last"><a id="button_wap2" href="https://www.omnimaga.org/index.php?wap2" class="new_win"><span>WAP2</span></a></li>
		</ul><p>Server load over the past 5, 10 and 15 minutes respectively: 0.12744140625, 0.24951171875, 0.29736328125</p>
		<p>Page created in 0.231 seconds with 40 queries.</p>
	</div></div>
</div>
</body></html>