Fatal编程技术网

Javascript dojo编辑器中的Css

javascript dojo

Javascript dojo编辑器中的Css,javascript,dojo,Javascript,Dojo,我有个问题，你能帮我吗 我在dojo中使用了dijit.editor。当我输入img标签时，如： <img src="abc.jpg" alt="" class="alignleft" /> 走进编辑室 所以我想在编辑器中为class.alignleft设置css样式，我该怎么做，因为我不能在编辑器中设置html代码的样式。外面一切都好 感谢您的建议：Ddijit.Editor在iframe内部运行，这就是您的父文档样式无法工作的原因。您必须将样式注入编辑器的iframe。我可

我有个问题，你能帮我吗 我在dojo中使用了dijit.editor。当我输入img标签时，如：

<img src="abc.jpg" alt="" class="alignleft" />
走进编辑室

所以我想在编辑器中为class.alignleft设置css样式，我该怎么做，因为我不能在编辑器中设置html代码的样式。外面一切都好

感谢您的建议：D

dijit.Editor在
iframe
内部运行，这就是您的父文档样式无法工作的原因。您必须将样式注入编辑器的
iframe
。我可以使用的最直接的方法是将样式的定义放在dijit.Editor标记中：

<div data-dojo-type="dijit.Editor">
    <style type="text/css">
        .blue {color: blue;}
    </style>
    <p class="blue">blue</p>
</div>


.blue{颜色：蓝色；}
蓝色
一些代码解释了这种差异：

<head>
    <style type="text/css">
        .green {color: green;}
    </style>
</head>
<body class="claro">
    <div data-dojo-type="dijit.Editor">
        <style type="text/css">
            .blue {color: blue;}
        </style>
        <p class="green">green is NOT green</p>
        <p class="blue" >blue is blue</p>
    </div>
<body>


.green{颜色：绿色；}
.blue{颜色：蓝色；}
绿色不是绿色

蓝色是蓝色的
dijit.Editor在
iframe
内部运行，这就是您的父文档样式无法工作的原因。您必须将样式注入编辑器的
iframe
。我可以使用的最直接的方法是将样式的定义放在dijit.Editor标记中：

<div data-dojo-type="dijit.Editor">
    <style type="text/css">
        .blue {color: blue;}
    </style>
    <p class="blue">blue</p>
</div>


.blue{颜色：蓝色；}
蓝色
一些代码解释了这种差异：

<head>
    <style type="text/css">
        .green {color: green;}
    </style>
</head>
<body class="claro">
    <div data-dojo-type="dijit.Editor">
        <style type="text/css">
            .blue {color: blue;}
        </style>
        <p class="green">green is NOT green</p>
        <p class="blue" >blue is blue</p>
    </div>
<body>


.green{颜色：绿色；}
.blue{颜色：蓝色；}
绿色不是绿色

蓝色是蓝色的
您还可以指定编辑器使用的样式表，从而避免重写任何css。为父页面指定相同的样式表可以解决您的问题。当我以编程方式实例化时，它如下所示：

var editor = new dijit.Editor({
    /* snipping my many parameters... */
});

editor.addStyleSheet('style.css');
您还可以指定编辑器使用的样式表，从而避免重写任何css。为父页面指定相同的样式表可以解决您的问题。当我以编程方式实例化时，它如下所示：

var editor = new dijit.Editor({
    /* snipping my many parameters... */
});

editor.addStyleSheet('style.css');
另一种选择是在编辑器的参数中直接定义样式表。分号“；”用作分隔符

var editor = new dijit.Editor({
    styleSheets: 'linkToStylesheet1;linkToStylesheet2;etc.'
});
另一种选择是在编辑器的参数中直接定义样式表。分号“；”用作分隔符

var editor = new dijit.Editor({
    styleSheets: 'linkToStylesheet1;linkToStylesheet2;etc.'
});