- Output for 5.6.0 - 5.6.40, 7.0.0 - 7.0.33, 7.1.0 - 7.1.33, 7.2.0 - 7.2.33, 7.3.0 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.4, 8.3.6
- <style>
textarea {
padding: 10px;
margin-top: 5px;
width: 3px;
height: 150px;
width:350px;
font-size:15px;
border-radius:3px;
border:1px solid lightgrey;
}
textarea:focus {
color: red;
border:1px solid red;
outline:none;
}
#functions {
border:1px solid lightgrey;
width:350px;
padding-top:5px;
padding-bottom:5px;
margin:0 auto;
border-radius:5px;
}
#functions:hover {
border:1px solid red;
}
input[type=button] {
color:red;
padding-left:5px;
padding-right:5px;
background-color: lightgrey;
border:none;
border-radius:5px;
outline:none;
font-size:13px;
cursor: pointer;
}
input[type=button]:active {
background-color:darkgrey;
}
input[type=button]:hover {
background-color:red;
color:lightgrey;
}
button {
color:white;
background-color: red;
font-size:15px;
border:none;
outline:none;
border-radius:4px;
cursor: pointer;
margin-top: 5px;
}
button:active {
font-size:17px;
}
body {
background-color: lightgrey;
}
#parser {
background-color:white;
border-radius:5px;
text-align: center;
width: 350px;
margin:0 auto;
padding:15px;
}
#live {
background-color:white;
border-radius:5px;
text-align: center;
width: 350px;
margin:0 auto;
margin-top:20px;
padding:15px;
font-size:10px;
}
#output {
border:1px solid red;
border-radius:5px;
width:100%;
font-size:14px;
padding:5px;
}
</style>
<script>
function formatText(tag) {
var Field = document.getElementById('comment');
var val = Field.value;
var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
var before_txt = val.substring(0, Field.selectionStart);
var after_txt = val.substring(Field.selectionEnd, val.length);
Field.value += '[' + tag + ']' + '[/' + tag + ']';
}
</script>
<body>
<div id="parser">
<div id="functions">
<input type="button" value="Bold" onclick="formatText ('b');" />
<input type="button" value="Italic" onclick="formatText ('i');" />
<input type="button" value="Underline" onclick="formatText ('u');" />
<input type="button" value="Code" onclick="formatText ('quote');" />
<input type="button" value="URL" onclick="formatText ('url');" />
<input type="button" value="IMG" onclick="formatText ('img');" />
</div>
<form method="post">
<textarea name="comment" id="comment"></textarea>
<br>
<button>Parse</button>
</form>
</div>
</body>
- Output for 8.3.5
- Warning: PHP Startup: Unable to load dynamic library 'sodium.so' (tried: /usr/lib/php/8.3.5/modules/sodium.so (libsodium.so.23: cannot open shared object file: No such file or directory), /usr/lib/php/8.3.5/modules/sodium.so.so (/usr/lib/php/8.3.5/modules/sodium.so.so: cannot open shared object file: No such file or directory)) in Unknown on line 0
<style>
textarea {
padding: 10px;
margin-top: 5px;
width: 3px;
height: 150px;
width:350px;
font-size:15px;
border-radius:3px;
border:1px solid lightgrey;
}
textarea:focus {
color: red;
border:1px solid red;
outline:none;
}
#functions {
border:1px solid lightgrey;
width:350px;
padding-top:5px;
padding-bottom:5px;
margin:0 auto;
border-radius:5px;
}
#functions:hover {
border:1px solid red;
}
input[type=button] {
color:red;
padding-left:5px;
padding-right:5px;
background-color: lightgrey;
border:none;
border-radius:5px;
outline:none;
font-size:13px;
cursor: pointer;
}
input[type=button]:active {
background-color:darkgrey;
}
input[type=button]:hover {
background-color:red;
color:lightgrey;
}
button {
color:white;
background-color: red;
font-size:15px;
border:none;
outline:none;
border-radius:4px;
cursor: pointer;
margin-top: 5px;
}
button:active {
font-size:17px;
}
body {
background-color: lightgrey;
}
#parser {
background-color:white;
border-radius:5px;
text-align: center;
width: 350px;
margin:0 auto;
padding:15px;
}
#live {
background-color:white;
border-radius:5px;
text-align: center;
width: 350px;
margin:0 auto;
margin-top:20px;
padding:15px;
font-size:10px;
}
#output {
border:1px solid red;
border-radius:5px;
width:100%;
font-size:14px;
padding:5px;
}
</style>
<script>
function formatText(tag) {
var Field = document.getElementById('comment');
var val = Field.value;
var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
var before_txt = val.substring(0, Field.selectionStart);
var after_txt = val.substring(Field.selectionEnd, val.length);
Field.value += '[' + tag + ']' + '[/' + tag + ']';
}
</script>
<body>
<div id="parser">
<div id="functions">
<input type="button" value="Bold" onclick="formatText ('b');" />
<input type="button" value="Italic" onclick="formatText ('i');" />
<input type="button" value="Underline" onclick="formatText ('u');" />
<input type="button" value="Code" onclick="formatText ('quote');" />
<input type="button" value="URL" onclick="formatText ('url');" />
<input type="button" value="IMG" onclick="formatText ('img');" />
</div>
<form method="post">
<textarea name="comment" id="comment"></textarea>
<br>
<button>Parse</button>
</form>
</div>
</body>