Tengo un botón personalizado en Summernote, funciona como se esperaba. El problema es que funciona en todos los editores instanciados al mismo tiempo.
Para reconstruir mejor el problema: tengo un botón, cuando hago clic en él, se inicializa un nuevo Editor. Estoy haciendo 2 Editores. Hago clic en 1 de ellos y le agrego Texto a través de mi botón personalizado -> funciona.
Hago clic en la segunda Instancia y le agrego Texto a través de mi botón personalizado: El texto se agrega a ambos editores.
var HelloButton = function (context) { var ui = $.summernote.ui; // create button var button = ui.button({ contents: '<i class="fa fa-child"/> Hello', tooltip: 'hello', click: function () { context.invoke('editor.insertText', myCat); }); } }); return button.render(); // return button as jquery object }Cualquier ayuda apreciada, gracias!
¿Cómo estás instanciando tus editores de notas de verano? ¿Los está creando por ID de clase o atributo html de nombre? hacer que cada entrada sea distinta debería resolver su problema.
<div class ="form-group"> <label for="inputA"> Input A </label> <textarea class="textarea-inputA" id="inputA" name="inputA" /> <span validationfor="inputA"> </div> <div class ="form-group"> <label for="inputB"> Input B </label> <textarea class="textarea-inputA" id="inputB" name="inputB" /> <span validationfor="inputB"> </div>luego llame a summernote() en cada selección de cómo estaba activando los controles previamente.