Problème avec le script de WysiBB

Arthel Le 29 août 2016 à 12:34 (Édité le 25 janvier 2019 à 17:52)

Bonjour à tous,

Quand je met le script:

   $(function(){
      $("#wysibb").wysibb();
   })

Et mon textarea:

<textarea id="wysibb"></textarea>

Le textarea reste comme celui de base. Dans mon head j'insère le css, le script de wysibb et le jquery mais dans la console web il me marque:

jQuery.Deferred exception: $(...).wysibb is not a function TypeError: $(...).wysibb is not a function
    at HTMLDocument.<anonymous> (http://127.0.0.1/edsa-www/projet/Site-du-Panda/labo/forum_new-topic.php:45:16)
    at j (http://127.0.0.1/edsa-www/projet/Site-du-Panda/labo/assets/js/jquery.js:2:29568)
    at k (http://127.0.0.1/edsa-www/projet/Site-du-Panda/labo/assets/js/jquery.js:2:29882) undefined

Je n'est trouver aucune solution.

BeKidding Le 29 août 2016 à 14:56 (Édité le 29 août 2016 à 14:58)

<script>$(document).ready(function() {  $("#wysibb").wysibb()})
</script><textarea id="wysibb"></textarea>

EDIT :
N'oublies pas d'inclure le css et le js

<script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" />

Arthel Le 29 août 2016 à 15:24

J'ai mit le code que tu m'as donner et sa ne marche toujours pas mon site me donne ca:

Mon head

      <title><?=$page;?> | Site du panda</title>
      <meta charset="utf-8" />
      <link rel="icon" type="image/x-icon" href="images/Logo.png" />
      <!-- Awesom and WysiBB -->
      <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css" />
      <link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" />
      <!-- Css custom -->
      <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
      <!-- WysiBB Js and JQuery -->
      <script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
      <script type="text/javascript" src="assets/js/jquery.js"></script>

Balatharas Le 29 août 2016 à 15:29

Remplace ça:

$(function(){
      $("#wysibb").wysibb();
   })

Par ça:

$(function(){
jQuery("#wysibb").wysibb();
   })

Ou:

var $j=jQuery.noConflict();
$j(function(){
      $j("#wysibb").wysibb();
   })

Arthel Le 29 août 2016 à 16:09

Re:

J'ai mit l'un après l'autre ce que tu m'as donner mais sa ne marche pas, j'ai une impression me disant que JQuery n'as pas envit de marché 😭 .

BeKidding Le 29 août 2016 à 19:48 (Édité le 29 août 2016 à 19:48)

Est ce que tu as essayé de mettre ton jquery a la fin de ton code , enfin avant le </body> ?

Arthel Le 30 août 2016 à 00:03

Re:

Mon code JQuery est juste avant le body et a la fin de mon head:

<head>
      <title><?=$page;?> | Site du panda</title>
      <meta charset="utf-8" />
      <link rel="icon" type="image/x-icon" href="images/Logo.png" />
      <!-- Awesom and WysiBB -->
      <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css" />
      <link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" />
      <!-- Css custom -->
      <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
      <!-- WysiBB Js and JQuery -->
      <script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
      <script type="text/javascript" src="assets/js/jquery.js"></script>
   </head>

Balatharas Le 10 avril 2017 à 17:35 (Édité le 10 avril 2017 à 20:34)

Salut, je suis revenu sur l'idée d'installer cet éditeur, mais c'est toujours la même chose.
Arthel, pour toi je conseille de mettre l'appel de jQuery avant l'appel de Wysibb.js
Moi j'ai fais comme ça etc, mais j'obtiens cela:

EDIT: Comme toujours quand je demande de l'aide extérieure, je trouve moi-même la solution 😋
Si quelqu'un souhaite ma solution:
Il faut que les lignes CDN de Wysibb (ou les liens vers wysibb.css et jquery.wysibb.min.js) soit en dernier dans votre head. De plus il faut inclure (juste sur la page ou il y a l'éditeur) la version 1.11.0 de jQuery. Même si vous avez une autre version loadée, ça devrait aller.

Échange

Articles / Vidéos

Ressources