2016-06-07 8 views
0

Die aktuelle App hat ein richTextField. Benutzer dürfen nur eine Teilmenge der Schaltflächen verwenden (z. B. keine Bilder usw.).Xpage richTextField auf einer Seite; Skin kann nicht richtig konfiguriert werden

Ich möchte jetzt eine schöne Haut auf den Editor setzen. Ich habe den Bootstrapck-Ordner zu meinem WebContents-Ordner hinzugefügt.

Was ist falsch? Wenn ich das mache, bekomme ich ein sehr kleines Feld, und es gibt überhaupt keine Symbolleisten.

============================================== ================

OK ich füge einige andere Code:

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view 
    xmlns:xp="http://www.ibm.com/xsp/core" 
    xmlns:xc="http://www.ibm.com/xsp/custom"> 
    <xp:this.data> 
     <xp:dominoDocument 
      var="document1" 
      formName="Cash" /> 
    </xp:this.data> 
    <xp:scriptBlock 
     id="scriptBlockCKEditor"> 
     <xp:this.value> 
      <![CDATA[ 
     require(['dojo/_base/declare', 'ibm/xsp/widget/layout/xspCKEditor'], function(declare, xspCKEditor){ 
      return declare('com.scoular.CKEDITOR', xspCKEditor, { 
       constructor: function ckew_ctor(/*Object*/options){ 
        CKEDITOR.timestamp = ''; 
       } 
      }); 
     }); 
     ]]> 
     </xp:this.value> 
    </xp:scriptBlock> 
    <xp:inputRichText 
     id="inputRichText2" 
     value="#{document1.Body}" 
     dojoType="com.scoular.CKEDITOR"> 
     <xp:this.dojoAttributes> 
      <xp:dojoAttribute 
       name="toolbar"> 
       <xp:this.value><![CDATA[#{javascript:var myToolbar = "[['Font','FontSize'], \n" 
      +"['Preview', 'Bold','TextColor','BGColor'], \n" 
      +"['Italic','Underline','Strike','-','Subscript','Superscript']]"; 
return myToolbar;}]]></xp:this.value> 
      </xp:dojoAttribute> 
      <xp:dojoAttribute 
       name="enterMode" 
       value="2" /> 
      <xp:dojoAttribute 
       name="skin"> 
       <xp:this.value><![CDATA[#{javascript:"BootstrapCK-Skin,/"+database.getFilePath()+"/BootstrapCK-Skin/"}]]></xp:this.value> 
      </xp:dojoAttribute> 
     </xp:this.dojoAttributes> 
    </xp:inputRichText> 
</xp:view> 

In Chrome erhalte ich die folgende Fehlermeldung.

Wie finde ich den richtigen Dateipfad zum Ordner WebContents? Und woher kommt der andere Fehler überhaupt?

enter image description here

Antwort

0

In meinem rich Artikel ich ein zusätzliches Dojo Attribut verwenden, Haut. Welche Punkte auf den Standort meiner benutzerdefinierten Haut

<xp:this.dojoAttributes> 

          <xp:dojoAttribute name="skin"> 
           <xp:this.value><![CDATA[#{javascript:return "BootstrapCK-Skin,/"+database.getFilePath()+"/libs/bscke/"}]]></xp:this.value> 
          </xp:dojoAttribute> 
         </xp:this.dojoAttributes>