Profil von gd0123456

gd0123456

04.04.2015, 21:02

HI Leute, hab ein Problem. Schreibe gerade an einen online Editor. so wie es hier einer ist. Nun möchte ich nicht nur die vorinstallierten Schriftarten nutzen sondern auch selbst hochgeladene (Cherokee). Nach langem suchen hab ich leider keine Lösung mit execcommand gefunden wie ich dem eine style class übergeben kann. oder gibt es doch eine?

Dann fand ich JQuery. Je nachdem welche Schriftart ausgewählt wird soll der Text mit der jweiligen Schriftart versehen werden. Funktioniert in IE, Firefox und Chrome. Nur Safari verhält sich anders.

Also es geht darum, wenn ich einen Text markiere und eine Schriftart auswähle, überschreibt Safari alle Text [von Anfang markierten Text bis Ende geschriebenen Text] mit der ausgewählten Schriftart. Heißt er übernimmt es nicht nur für den ausgewählten Text.

Bin schon langsam am Verzweilfen .Hoffe ihr könnte mir helfen.

Hier mein Script:

function doRichEditCommand3(aName)
    {
        //Für  FontFace
        document.getElementById('frame').contentWindow.focus();
        var index = document.getElementById('font_art_select').selectedIndex;
        var aArg = document.getElementById('font_art_select')[index].value; 
        
        var doc= document.getElementById("frame").contentWindow.document;   
        
        if (aArg =='Cherokee')
        {
            getIFrameDocument('frame').execCommand(aName ,true, aArg);
            jQuery("font",doc).attr("class","cherokee_schriftart");

        }
        else
        {
            document.getElementById('frame').contentWindow.focus();
            getIFrameDocument('frame').execCommand(aName ,true, aArg);
            
        }
    }

...zum Beitrag

Antwort

von gd0123456

04.04.2015, 21:36

Hat sich erledigt. Hier die Lösung:

mit execcommand übergebe ich fontName. Als value muss ich den namen übergeben den ich im style definiert habe und nicht den namen der css klasse.

...zur Antwort

gd0123456

04.04.2015, 21:02

Jquery - execcommand

HI Leute, hab ein Problem. Schreibe gerade an einen online Editor. so wie es hier einer ist. Nun möchte ich nicht nur die vorinstallierten Schriftarten nutzen sondern auch selbst hochgeladene (Cherokee). Nach langem suchen hab ich leider keine Lösung mit execcommand gefunden wie ich dem eine style class übergeben kann. oder gibt es doch eine?

Dann fand ich JQuery. Je nachdem welche Schriftart ausgewählt wird soll der Text mit der jweiligen Schriftart versehen werden. Funktioniert in IE, Firefox und Chrome. Nur Safari verhält sich anders.

Also es geht darum, wenn ich einen Text markiere und eine Schriftart auswähle, überschreibt Safari alle Text [von Anfang markierten Text bis Ende geschriebenen Text] mit der ausgewählten Schriftart. Heißt er übernimmt es nicht nur für den ausgewählten Text.

Bin schon langsam am Verzweilfen .Hoffe ihr könnte mir helfen.

Hier mein Script:

function doRichEditCommand3(aName)
    {
        //Für  FontFace
        document.getElementById('frame').contentWindow.focus();
        var index = document.getElementById('font_art_select').selectedIndex;
        var aArg = document.getElementById('font_art_select')[index].value; 
        
        var doc= document.getElementById("frame").contentWindow.document;   
        
        if (aArg =='Cherokee')
        {
            getIFrameDocument('frame').execCommand(aName ,true, aArg);
            jQuery("font",doc).attr("class","cherokee_schriftart");

        }
        else
        {
            document.getElementById('frame').contentWindow.focus();
            getIFrameDocument('frame').execCommand(aName ,true, aArg);
            
        }
    }

...zum Beitrag

Antwort

von gd0123456

04.04.2015, 21:08

Muss korrigieren geht leider doch in keinem Browser richtig.

...zur Antwort

gd0123456

23.03.2015, 05:31

CSS mit JavaScript ändern

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

 CSS Datei:
 @font-face {
 font-family: 'plantagenet_cherokeeregular';
 src: url('../schriftart/plantc-webfont.eot');
 src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
 url('../schriftart/plantc-webfont.woff2') format('woff2'),
 url('../schriftart/plantc-webfont.woff') format('woff'),
 url('../schriftart/plantc-webfont.ttf') format('truetype'),
 url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
 font-weight: normal;
 font-style: normal;

 }

 .test {
 font-family: courier new;
 }
 oder:

 .test {
 font-family: 'plantagenet_cherokeeregular',serif;
 }

 JavaScript:

 var doc= document.getElementById("frame").contentWindow.document;
 var range = doc.getSelection().getRangeAt(0);
 var nnode = doc.createElement("span");
 nnode.className = 'test';
 nnode.innerHTML = "Test";
 range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

...zum Beitrag

Antwort

von gd0123456

25.03.2015, 21:04

Kann es an den verschiedenen Browsern liegen? Bei Firefox geht es zb. Nur im Safari nicht. Und im IE bekomm ich eine Fehlermeldung bei mehrere Zeilen

...zur Antwort

gd0123456

23.03.2015, 05:31

CSS mit JavaScript ändern

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

 CSS Datei:
 @font-face {
 font-family: 'plantagenet_cherokeeregular';
 src: url('../schriftart/plantc-webfont.eot');
 src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
 url('../schriftart/plantc-webfont.woff2') format('woff2'),
 url('../schriftart/plantc-webfont.woff') format('woff'),
 url('../schriftart/plantc-webfont.ttf') format('truetype'),
 url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
 font-weight: normal;
 font-style: normal;

 }

 .test {
 font-family: courier new;
 }
 oder:

 .test {
 font-family: 'plantagenet_cherokeeregular',serif;
 }

 JavaScript:

 var doc= document.getElementById("frame").contentWindow.document;
 var range = doc.getSelection().getRangeAt(0);
 var nnode = doc.createElement("span");
 nnode.className = 'test';
 nnode.innerHTML = "Test";
 range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

...zum Beitrag

Antwort

von gd0123456

25.03.2015, 21:02

Ok jetzt habe ich nur ein Problem, dass er mir das Font nicht immer richtig anzeigt. manchmal ladet es und manchmal nicht. Vorallem bei mehrzeiligen geht es gar nicht. manchmal geht es bei einem klick manchmal bei zweiten mal und manchmal gar nicht

...zur Antwort

gd0123456

23.03.2015, 05:31

CSS mit JavaScript ändern

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

 CSS Datei:
 @font-face {
 font-family: 'plantagenet_cherokeeregular';
 src: url('../schriftart/plantc-webfont.eot');
 src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
 url('../schriftart/plantc-webfont.woff2') format('woff2'),
 url('../schriftart/plantc-webfont.woff') format('woff'),
 url('../schriftart/plantc-webfont.ttf') format('truetype'),
 url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
 font-weight: normal;
 font-style: normal;

 }

 .test {
 font-family: courier new;
 }
 oder:

 .test {
 font-family: 'plantagenet_cherokeeregular',serif;
 }

 JavaScript:

 var doc= document.getElementById("frame").contentWindow.document;
 var range = doc.getSelection().getRangeAt(0);
 var nnode = doc.createElement("span");
 nnode.className = 'test';
 nnode.innerHTML = "Test";
 range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

...zum Beitrag

Antwort

von gd0123456

23.03.2015, 16:30

So, auf eines bin ich schon draufgekommen. Ich muss das CSS im Iframe definieren. Jetzt funktioniert es soweit auch. Nur wenn ich es mit einer Schriftart machen möchte die nicht auf dem Computer installiert ist funktioniert es nicht. Habe die Schriftart aber getestet sie wird richtig geladen.

...zur Antwort

gd0123456

23.03.2015, 05:31

CSS mit JavaScript ändern

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

 CSS Datei:
 @font-face {
 font-family: 'plantagenet_cherokeeregular';
 src: url('../schriftart/plantc-webfont.eot');
 src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
 url('../schriftart/plantc-webfont.woff2') format('woff2'),
 url('../schriftart/plantc-webfont.woff') format('woff'),
 url('../schriftart/plantc-webfont.ttf') format('truetype'),
 url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
 font-weight: normal;
 font-style: normal;

 }

 .test {
 font-family: courier new;
 }
 oder:

 .test {
 font-family: 'plantagenet_cherokeeregular',serif;
 }

 JavaScript:

 var doc= document.getElementById("frame").contentWindow.document;
 var range = doc.getSelection().getRangeAt(0);
 var nnode = doc.createElement("span");
 nnode.className = 'test';
 nnode.innerHTML = "Test";
 range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

...zum Beitrag

Antwort

von gd0123456

23.03.2015, 16:19

Also das mit appendChild funktioniert leider auch nicht.

...zur Antwort