Edytor wyswig instalacja

0

Witam,
W teorii wszystko jest proste.
Umieszczamy na stronie kod:

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script> <script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

na stronie umieszczamy <textarea></textarea>
i wszystko chodzi.
Ale dalej zaczynają się schody.
Chciałbym by edytor nie znajdował się na stronie głównej tylko jak już użytkownik przejdzie do kolejnego etapu uzupełniania formularza.
Strona główna

<HTML>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<script type="text/javascript">
function dodawarka(){
$.get( "wyswig.php", {dane:$("#dane").val()
} ).done(function( data ) {
$("#wyniki").html(data);
});
}
</script>
</head>
<body>
<button class='button buttonPanel' onclick='dodawarka()'>Dodaj ofertę</button>
<div id='wyniki'></div>
</body>
</html>

Podstrona "wyswig"

opis: <textarea></textarea>

Jak zrobić by edytor dotyczył tego "textarea"?

0

No masz w dokumentacji: http://nicedit.com/demos.php?demo=2

Nadajesz textarea id:

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

Potem wywołujesz po id:

new nicEditor().panelInstance('area1');
0

Nie tu jest błąd.

<HTML>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
<script type="text/javascript">
  bkLib.onDomLoaded(function() {
        new nicEditor().panelInstance('area1');
  });
 </script>
<script type="text/javascript">
function dodawarka(){
$.get( "wyswig.php", {dane:$("#dane").val()
} ).done(function( data ) {
$("#wyniki").html(data);
});
}
</script>
</head>
<body>
<button class='button buttonPanel' onclick='dodawarka()'>Dodaj ofertę</button>
<div id='wyniki'></div>
opis: <textarea id ="area1"></textarea>
</body>
</html>

Wyswig:


<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
<script type="text/javascript">
  bkLib.onDomLoaded(function() {
        new nicEditor().panelInstance('area2');
  });
 </script>opis: <textarea id ="area2"></textarea>

Area 1 działa, Area 2 nie. I nie wiem dlaczego :(

1

Zobacz co mówi konsola w przeglądarce. Pewnie jest jakiś błąd.
Patrząc na szybko to najpierw ładujesz tą bibliotekę dla wszystkich pół typu text area:

<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

A potem próbujesz je znowu ładować dla poszczególnych Id.

0

Kiedy wywoływany jest kod przekazany do bkLib.onDomLoaded()?

new nicEditor().panelInstance('area2');

Powyższe wstaw za

$("#wyniki").html(data);

a w Wyswig zostaw ostatnią linię.

1 użytkowników online, w tym zalogowanych: 0, gości: 1