getElementById wysiwyg editor auslesen

giabbatino · 12. Feb. 2015

Hallo zusammen,

ich habe ein kleines Script gefunden, welches im grundegenommen tut was ich möchte. Es liest eine textarea aus und gibt sie an aderer Stelle wieder aus.

kann mir bitte jemand helfen und mir verraten wie das aussehen soll wenn ich den Inhalt eines wysiwyg editors auslesen und an anderer Stelle wieder ausgeben will?
Hier mein code

Code:

<script type="text/javascript">
function sendtoDiv(){
document.getElementById("divbox").innerHTML = document.getElementById("option13").value;
}
</script>
</head>

<body>

<textarea id="option13" onkeyup="sendtoDiv()" ></textarea>
<div id="divbox" value=""></div>

Vielen Dank schonmal für Eure Hilfe

Gruss

Alex

rico2009 · 12. Feb. 2015

Welchen wysiwyg editors meinst du denn? Es gibt die ja wie Sand am Meer.

Im Grunde gekommen musst du die ID des Elementes rausfinden und diese dann anpassen. (Die ID wo im Moment "option13" drin steht.)

giabbatino · 12. Feb. 2015

Hi den Code bekomme ich im firebug so angezeigt...

Code:

<div class="wysiwyg" style="width: 285px;">
<ul class="toolbar" role="menu">
<div style="clear: both;"></div>
<iframe id="option14-wysiwyg-iframe" frameborder="0" style="min-height: 244px; width: 283px;" tabindex="0">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="margin:0" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="/engine/Shopware/Plugins/Community/Frontend/SwagCustomizing/Views/frontend/_resources/styles/editor.css" media="all" rel="stylesheet" type="text/css">
</head>
<body class="wysiwyg" style="margin:0;">
Hier steht der Text aus dem Editor
<br>
</body>

- - - Aktualisiert - - -

ich ncohmal

ich habe nun dem body eine ID zugewiesen

Code:

<body id="bodyid" class="wysiwyg" style="margin:0;" onkeyup="sendtoDiv()">
Hier ist ein text
<br>
</body>
</html>

was muss ich jetzt noch im script ändern?

Code:

<script type="text/javascript">
function sendtoDiv(){
document.getElementById("divbox").innerHTML = document.getElementById("bodyid").value;
}
</script>

Danke schonmal für die Hilfe

Gruss

Alex

getElementById wysiwyg editor auslesen

giabbatino

New member

rico2009

Guest

giabbatino

New member