Javascript 是否在同一页面上以HTML格式显示FCKeditor输入数据（与用户类型相同）？_Javascript_Jquery_Fckeditor

Javascript 是否在同一页面上以HTML格式显示FCKeditor输入数据（与用户类型相同）？

javascript jquery

Javascript 是否在同一页面上以HTML格式显示FCKeditor输入数据（与用户类型相同）？,javascript,jquery,fckeditor,Javascript,Jquery,Fckeditor,我目前正在使用FCKEditor，我正在尝试复制stack overflow如何准确显示您的文章在键入时在HTML中的外观。我的FCKEditor创建得很好，我只是不知道创建编辑器数据后如何访问它。我要做的是从编辑器中获取html，然后将其放入中。试图使用$（“#fckEdtr”）通过jQuery访问它是行不通的，我认为这是因为它是用javascript动态创建的。我知道FCKeditor JavaScript API中的IsDirty（）方法，只是没有看到任何关于如何获取编辑器的当前实例并使用

我目前正在使用FCKEditor，我正在尝试复制stack overflow如何准确显示您的文章在键入时在HTML中的外观。我的FCKEditor创建得很好，我只是不知道创建编辑器数据后如何访问它。我要做的是从编辑器中获取html，然后将其放入

中。试图使用$（“#fckEdtr”）通过jQuery访问它是行不通的，我认为这是因为它是用javascript动态创建的。我知道FCKeditor JavaScript API中的IsDirty（）方法，只是没有看到任何关于如何获取编辑器的当前实例并使用该方法的可靠示例。有人能帮忙吗？我的代码如下：

<html>
<head>
<title>FCKeditor Test</title>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
    $(document).ready(function() {
          ...code to output editor data as user types
    }); 
</script>
</head>
<body>
<form>
<script type="text/javascript">
    var oFCKeditor = new FCKeditor('fckEdtr');
    oFCKeditor.BasePath = "./fckeditor/";
    oFCKeditor.ToolbarSet = 'Default';
    oFCKeditor.Create();
</script><br/><br/>
<input type="submit" value="Post" />
<p id="inputText">
</p>
</form>
</body>
</html>


FCKeditor试验
$（文档）.ready（函数（）{
…将编辑器数据输出为用户类型的代码
}); 
风险值oFCKeditor=新FCKeditor（'fckEdtr'）；
oFCKeditor.BasePath=“./fckeditor/”；
oFCKeditor.ToolbarSet='Default'；
oFCKeditor.Create（）；

我刚刚在另一个问题中找到了答案，所以：

此外，当我使用div元素而不是段落元素时，它也可以工作。以下是我的最终工作代码，它可能会帮助任何人：

<html>
<head>
<title>FCKeditor - Sample</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">         
    function FCKeditor_OnComplete( oFCKeditor )
    {  
         oFCKeditor.Events.AttachEvent( 'OnSelectionChange', function() {        
              document.getElementById("postText").innerHTML = 
                    oFCKeditor.GetHTML(true); 
         }) ;
    }
</script>
</head>
<body>
<form method="post" action="process.php">
<script type="text/javascript">
    var oFCKeditor = new FCKeditor('fckEdtr');
    oFCKeditor.BasePath = "./fckeditor/";
    oFCKeditor.ToolbarSet = 'Custom' ;
    oFCKeditor.Create();
</script><br/><br/>
<input type="submit" value="Post" />
<div id="postText">
</div>
</form>
</body>
</html>


FCKeditor-样本
函数FCKeditor_OnComplete（ofkeditor）
{  
oFCKeditor.Events.AttachEvent（'OnSelectionChange'，function（）{
document.getElementById（“postText”）.innerHTML=
GetHTML（true）；
}) ;
}
风险值oFCKeditor=新FCKeditor（'fckEdtr'）；
oFCKeditor.BasePath=“./fckeditor/”；
oFCKeditor.ToolbarSet='Custom'；
oFCKeditor.Create（）；

很好，您已经找到了答案，但我想知道，当您处理所见即所得编辑器时，为什么需要预览窗口。我的猜测是，您在编辑器中获得的外观与生成的外观不同，因为CSS应用于后者。如果我错了，就不要理会下面的建议

如果是这种情况，您可以考虑将CSS中最相关的部分复制到\fckeditor\editor\CSS\fck_editorrea.CSS，以便在编辑器窗口中应用它们。当然，有时你真的希望有所不同。例如，剧透应该在发布时隐藏，但在编辑器中可见。

我想我从来没有想过这一点。编辑器区域实际上看起来和页面上的一样，哈哈。谢谢你的洞察力。