Incompatibilité entre 2 scripts
Bonjour,
J'essaye de modifier une textearea en lui ajoutant un editeur wysiwyg. J'ai utilisé Nicedit et jusque la tout fonction. Par contre j'essaye d'utiliser un script pour compter les mots de ma zonedetexte et c'est la que survient le probleme car Nicedit fait que ma textarea n'est plus compatible :cry::cry:
Je n'y connais pas grand chose au javascript pour ne pas dire rien et je cherche un solution car l'editeur WYSIWYG et le compteur de mots son indispensable.
J'ai pensé a plusieurs solution mais j'espere que vous en aurez de meilleurs :roll:
La premiere etant de crée une deuxieme zone de texte très petite sans editeur WYSIWYG qui reprendrai en temps réel le contenu de premiere et faire en sorte que le compteur de mot tienne compte de cette deuxieme zone de texte. Mais comment faire pour que la deuxieme zone de texte reprenne le contenu de la premiere ?
La deuxieme serait une checkbox qui coché activerai ou desactiverai l'editeur WYSIWYG et donc quand l'editeur serait desactivé le compteur de mot serait capable de fonctionner. Mais la encore une fois comment faire ( ca doit être une serie de if en php ? )
Par exemple
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>using jQuery Word Count Plugin</title>
<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() { new nicEditor().panelInstance('content-text-ta'); });
</script>
<style type="text/css">
<script type="text/javascript" src="...jquery.js"></script>
<script type="text/javascript" src="...jquery.wordcount.js"></script>
<script type="text/javascript">
<!--//---------------------------------+
// Developed by Roshan Bhattarai
// Visit http://roshanbh.com.np for this script and more.
// This notice MUST stay intact for legal use
// --------------------------------->
$(document).ready(function()
{
$('#cosntent-text-ta').wordCount();
//alternatively you can use the below method to display count in element with id word_counter
//$('#word_count').wordCount({counterElement:"word_counter"});
});
</script>
body {
font: 12px Verdana,Arial, Helvetica, sans-serif;
margin: 10px auto;
width:350px;
}
</style>
</head>
<body>
<h2>jQuery Word Count Plugin Demo</h2>
<div id="container">
<div>
<p><br />
<textarea name="word_cou" id="content-text-ta" cols="30" rows="6"></textarea>
</p>
<p> <span style="color:#FF0000">Total word Count : <span id="display_count">0</span></span>
</p>
</div>
</div>
</body>
</html> |
