Textarea formatting

JavaScript
1

How I pick “area 3” teaxtarea box in this code.
Please help:

<html>
<head>
	<title>Demo 2 : NicEdit Configuration</title>
</head>
<body>

<div id="menu"></div>

<div id="intro">
<p>See the examples below:</p>
</div>
<br />

<div id="sample">
<script src="https://mysoftweb2sms.000webhostapp.com/copyright/assets/js/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() {
	new nicEditor().panelInstance('area1');
	new nicEditor({fullPanel : true}).panelInstance('area2');
	new nicEditor({iconsPath : 'https://mysoftweb2sms.000webhostapp.com/images/nicEditorIcons.gif'}).panelInstance('area3');
	new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4');
	new nicEditor({maxHeight : 100}).panelInstance('area5');
});
</script>

<h4>Default (No Config Specified)</h4>
<p>new nicEditor().panelInstance('area1');</p>

<textarea cols="50" id="area1"></textarea>

<h4>All Available Buttons {fullPanel : true}</h4>
<p>new nicEditor({fullPanel : true}).panelInstance('area2');</p>
<textarea cols="60" id="area2">Some Initial Content was in this textarea</textarea>

<h4>Change Path to Icon File {iconsPath : 'path/to/nicEditorIcons.gif'}</h4>

<p>new nicEditor({iconsPath : 'nicEditorIcons.gif'}).panelInstance('area3');</p>
<textarea cols="50" id="area3"></textarea>

<h4>Customize the Panel Buttons/Select List</h4>

<p>{buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}</p>
<textarea cols="50" id="area4">HTML <b>content</b> <i>default</i> in textarea</textarea>	

<h4>Set a maximum expansion size (maxHeight)</h4>

<p>{maxHeight : 100}</p>
<textarea style="height: 100px;" cols="50" id="area5">HTML <b>content</b> <i>default</i> in textarea</textarea>	
</div>

</div>

</body>
</html>
2

document.getElementById(‘area3’)

Not sure what you mean by ‘pick’.

3

I mean I want only use " area 3" teaxtarea box and in this all code approx 4-5 teaxtarea. When I copy the script of "area3’ then all formating design become delete. Why?

4

Well, this is something to do with ‘nicEditor’. Have you read their documentation to know how to use their package?

5

I don’t know where it is.

6

This?

http://wiki.nicedit.com/w/page/521/Javascript%20API

7

Nothing on that page. I can’t understand what want website to tell me…

8

You might be better off looking for an alternative text editor, as that one is no longer maintained.

1 Like
9

I am not getting

10

NicEdit is old and out of date. Use a different editor.

11

Hmm but the script I posted there are area 3 is working pls have a look and run

12

If you must use that, then simply remove the other options from the demo, both in the JS and the HTML.

It’s a demonstration of using different options. You only need the code for the version you want, which is area3.

13

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.