Neatro's Daikon! Code editor v1.1
A simple customizable code editor for browsers
Try it here :3
Lua syntax
Example of Daikon using the LUA syntax
The element is simply setup using <daikon syntax="LUA" flavour="monokai" tabsize="4" nowrap>code</daikon>:
--Example of a lua script in the editor :D
--[[
Multiline
comments
]]--
--[==[
comment swords notation
]==]--
local fib, fib2 = 1, 1
local oneline = { foo = function() fib, fib2 = fib2, fib + fib2 return fib end }
local tablenotation = {
Neatro = 'here',
key = 'value',
key2 = 2,
innertable = {
loop = 0xF,
limit = 0xFF,
func = oneline[ 'foo' ]
},
}
function test()
if tablenotation.key2 + 2 == 4 then
print( 'fibtest1' )
for k = 0, tablenotation.innertable.loop do
print( tablenotation.innertable.func() )
end
fib = 1
fib2 = 1
print( 'fibtest2' )
while tablenotation.innertable.limit > fib2 do
print( tablenotation.innertable.func() )
end
end
end
test()
function h( k, a, b ) return function( i ) _ = a and not k and a(b) or a return h( i, a, (k and k or '')..(b and b or '') ) end end
h( '6', print )( '8' )( '4' )()()
HTML Syntax
Example of the default neocities index.html file with HTML syntax.
Some style-tags are also applied to "default" syntax text, you can see this applied with the <strong> and <em> tags below!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The web site of neatro</title>
<!-- The style.css file allows you to change the look of your web pages.
If you include the next line in all your web pages, they will all share the same look.
This makes it easier to make new pages for your site. -->
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<h1>Welcome to my Website!</h1>
<p>This is a paragraph! Here's how you make a link: <a href="https://neocities.org">Neocities</a>.</p>
<p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
<p>Here's how you can add an image:</p>
<img src="/neocities.png">
<p>Here's how to make a list:</p>
<ul>
<li>First thing</li>
<li>Second thing</li>
<li>Third thing</li>
</ul>
<p>To learn more HTML/CSS, check out these <a href="https://neocities.org/tutorials">tutorials</a>!</p>
</body>
</html>