CKEditor füllen, wenn ausgeblendet

Gehe zu Seite:

Geschlossen

Sa. 14.03.2015 12:43 Uhr #1

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

Hallo zusammen,

ich möchte eine Textarea als CKEditor per template-Variable füllen, allerdings ist das div mit der Textarea zu diesem Zeitpunkt ausgeblendet. Lasse ich dann per jquery das div einblenden, steht im Editor nichts drin, befülle ich ihn im eingeblendeten Zustand, enthält der Editor den Inhalt der Variable.
Gibt es eine Lösung für dieses Problem?

verwendete ilch Version: 1.1 P

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 14.03.2015 16:27 Uhr #2

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Ich verstehe nicht so ganz, du hast eine Textarea die mit Templatevariable z.B. {text} gefüllt ist. Es sollte komplett egal sein, ob die Textarea am Anfang sichtbar ist oder nicht.

Für weitere Hilfestellung, musst du wohl mit ein bisschen Code um die Ecke kommen

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Sa. 14.03.2015 17:05 Uhr #3

Outi77 Mitglied

OK, also erstmal der php-Teil:

$banner = '<p style="text-align:center"><img alt="Thema geschlossen" src="http://dev.le-graphics.de/include/images/forum/geschlossen.png" style="height:110px; width:450px" /></p>]';
$tpl->set('banner', $banner);

Und das habe ich in der showpost.htm

<script language="JavaScript" type="text/javascript">
    function toggleclosethread() {
    
        $("#qpost_forum").toggle('blind');
    }
</script>
<div class="forum ui-corner-all" style="background-color: #DCDDE2; text-align: center;">
    <a href="javascript:renametopic()">{_lang_rename}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-2">{_lang_delete}</a>
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-3">{_lang_shift}</a>
    &nbsp;,&nbsp;
    {_if_{status}=='schlie&szlig;en'}<a href="javascript:toggleclosethread();">{status}</a>{/_endif}{_if_{status}!='schlie&szlig;en'}<a href="index.php?forum-edittopic-{tid}-4-2">{status}</a>{/_endif}
    &nbsp;,&nbsp;
    <a href="index.php?forum-edittopic-{tid}-5">{festnorm}</a>

    <script language="JavaScript" type="text/javascript">
    <!--
      function renametopic () {
              var x = prompt ( "Bitte den neuen Namen vom Thema eintragen" , "" );
                    if ( x ) {
                      document.location.href="index.php?forum-edittopic-{tid}-1=0&newTopic="+x;
                    }
            }

    //-->
    </script>
</div>

{EXPLODE} <!-- 4 -->
<script src="include/ckeditor/ckeditor.js"></script>
<script>
    CKEDITOR.config.codeSnippet_languages = {
    javascript: 'JavaScript',
    php: 'PHP',
    CSS: 'CSS',
    SQL: 'SQL',
    HTML: 'HTML'
};
    CKEDITOR.config.codeSnippet_theme = 'railscasts';      
   
</script>
<div class="forum ui-corner-all Cmite" style="padding: 5px; background-color: #DCDDE2;">
    <div id="qpost">
        Schnellantwort
    </div>

    <form id="qpost_forum" action="index.php?forum-newpost-{tid}" method="POST" name="form" style="display:none;">
        <textarea id="ckeditor" class="ckeditor" name="txt">{banner}</textarea>
        <div style="text-align: right;">
            <input type="submit" name="submit" value="{_lang_formsub}" />
        </div>
    </form>
</div>

Was ich machen möchte: bei Klick auf Thema schliessen soll die Textarea (ursprünglich im ilchBB-Mod für die Schnell-Antwort verwendet) eingeblendet werden, und der Banner für "Thema geschlossen" eingefügt werden. Dann kann man noch ein Statement abgeben, schickt das Formular, der Post wird eingetragen und das Thema geschlossen.
Mit einer "normalen Textarea" funktioniert das problemlos, wenn ich aber den CKEditor eingebaut habe, wird dieser nicht befüllt, wenn er ausgeblendet ist. Ohne diesen ausgeblendet zu haben, funktionert es.

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«

0 Mitglieder finden den Beitrag gut.

zitieren

Sa. 14.03.2015 22:46 Uhr #4

Mairu Coder

Also bei meinem kleinen Test, war es egal, ob ich ein verstecktest Div verwendet habe oder nicht.

<?php
defined ('main') or die ( 'no direct access' );

$title = $allgAr['title'].' :: CKEditor';
$hmenu = 'CKEditor';
$design = new design ( $title , $hmenu );
$design->header();

?>
    <button onclick="document.getElementById('ckdiv').style.display = '';">Show</button>
<div id="ckdiv" style="display:none">
<textarea id="ckeditor" class="ckeditor">
    <p><strong>Ja super</strong></p>
</textarea>

</div>
<script src="include/includes/ckeditor/ckeditor.js"></script>
<script>
    CKEDITOR.config.codeSnippet_languages = {
        javascript: 'JavaScript',
        php: 'PHP',
        CSS: 'CSS',
        SQL: 'SQL',
        HTML: 'HTML'
    };
    CKEDITOR.config.codeSnippet_theme = 'railscasts';

</script>
<?php
$design->footer();

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite

0 Mitglieder finden den Beitrag gut.

zitieren

So. 15.03.2015 07:04 Uhr #5

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

Danke für Dein Bemühen, ich habe die Vermutung, dass es irgendwie mit der Art, wie ich das div eingeblendet hatte, zu tun hat. Mit fadeIn funktioniert es jetzt, das toggle('blind') wollte nicht so...seltsam das alles

Zuletzt modifiziert von Outi77 am 15.03.2015 - 09:37:14

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » CKEditor füllen, wenn ausgeblendet