jsp - example - Presentar los contenidos del editor dijit
wysiwyg editor free (1)
En lugar de vincularlo al onsubmit del onsubmit , intente hacerlo a través del widget onChange
Dale a tu campo oculto una identificación:
<input type="hidden" name="editorContent" id=''editorContent'' />
Pruebe esto para el cambio de editor (reemplazando el código console.log() que tiene allí ahora.
onChange="dojo.byId(''editorContent'').value = this.getValue();"
¡Espere! Mientras escribía esto, me di cuenta de que llamas a dojo.byId(''editorContent'') en tu onsubmit pero no has asignado el atributo de id a ese campo de formulario. Ese es probablemente su problema y no necesita probar mi método onChange .
Estoy tratando de aprender el editor dijit. Quiero reemplazar un área de texto existente con el widget dijit editor. Así que escribí 2 jsps, uno que usa el dijit.Editor que alimenta otro jsp con los contenidos del editor. Cuando hago clic en enviar el segundo jsp, aparece el resultado "vacío" para el editor, sin importar lo que escriba en el editor de área de texto.
dijitEditor.jsp
<script type="text/javascript">
dojo.require("dijit.Editor");
dojo.require("dijit._editor.plugins.LinkDialog");
dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
</script>
<script type="text/javascript">
dojo.addOnLoad(function(){
alert("addOnLoad function");
dojo.connect(dojo.byId(''form1''), ''onsubmit'', function(){
dojo.byId(''editorContent'').value= dijit.byId(''content'').getValue();
alert("Hidden variable");
alert(dojo.byId(''editorContent'').value);
alert("Editor content");
alert(dijit.byId(''content'').getValue());
});
});
</script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
</head>
<body class=" claro ">
<FORM id="form1" METHOD=POST ACTION="result.jsp">
<table>
<tr>
<td>
<input type="hidden" name="editorContent" />
<div dojoType="dijit.Editor" id="content" onChange="console.log(''editor1 onChange handler: '' + arguments[0])"
plugins="[''foreColor'',''|'',''bold'',''italic'',''underline'',''|'',''createLink'', ''unlink'']"
extraPlugins="[''dijit._editor.plugins.AlwaysShowToolbar'']">
<p>
<b>This instance is created with a subset of functions enabled in the order
we want. </b>
</p>
</div>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Submit" name="action"/>
</td>
</tr>
</table>
</form>
</body>
</html>
result.jsp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html >
<head>
<title>Editor contents </title>
</head>
<body>
<%
String val = request.getParameter("editorContent");
out.println("Dijit editor contents ="+val);
%>
</body>
</html>