2013-05-31 42 views
1

enter image description here圖像丟失OpenWYSIWYG編輯器,代碼點火器結構

這正是發生在openWYSIWYG編輯器使用CodeIgniter。

的文件夾結構是這樣的

app_name 
-application 
-assets 
--js 
---openwysiwyg 
----addons 
----docs 
----images 
----scripts 

這是我的看法文件:

<script src="<?php echo base_url('assets/js/jquery.js');?>"></script> 
<script type="text/javascript" src="<?php echo base_url('assets/js/openwysiwyg/scripts/wysiwyg.js');?>"></script> 
<script type="text/javascript" src="<?php echo base_url('assets/js/openwysiwyg/scripts/wysiwyg-settings.js');?>"></script> 

素文字鑑於:

<script type="text/javascript"> 
    WYSIWYG.attach('body_input', full); 

</script> 

我真的不知道缺什麼。

回答

2

問題出在wysiwyg-settings.js文件中。該文件位於openwysiwyg/scripts/文件夾中。您必須更改圖像和CSS目錄的設置。檢查這些行:

//full.ImagesDir = "images/"; 
//full.PopupsDir = "popups/"; 
//full.CSSFile = "styles/wysiwyg.css"; 

更改與此這些線(根據您的目錄結構):

full.ImagesDir = "app_name/assets/js/openwysiwyg/images/"; 
full.PopupsDir = "app_name/assets/js/openwysiwyg/popups/"; 
full.CSSFile = "app_name/assets/js/openwysiwyg/styles/wysiwyg.css"; 

現在它應該工作是應該的方式。

您可能遇到的另一個問題是,它不適用於Chrome。 (剛剛發生在我身上)解決方案是here

+0

,將盡快測試並回復。謝謝 –

+0

full.ImagesDir =「/ app_name/assets/js/openwysiwyg/images /」;您的解決方案需要進行一些修改。 –

+0

圖標問題現在已修復。現在有內聯圖像問題。無法插入圖片上傳。 –

0

我在codeigniter中也遇到同樣的問題。 有一個比這個更好的編輯器CKEditor也提供了上傳圖像的非常好的性能。
步驟:
1.Download的CKEditor從http://ckeditor.com/download
2.put它3.使用此語法笨
的索引目錄中的標頭:

<script type="text/javascript" src="<?php echo $this->config->item('base_url'); ?>/ckeditor/ckeditor.js"></script> 

4.使用這個身體要在位編輯器:

<textarea name="n_notification" id="n_notification"></textarea> 

5.使用此啓動:

<script> 
$(document).ready(function() { 
    CKEDITOR.replace('n_notification'); 
} 
</script> 

如果您需要圖片上傳器,可以參考http://dwij.co.in/ckeditor-ckfinder-integration-using-php/將CKEditor與CKFinder(文件瀏覽器)集成在一起。

+0

CK編輯器不錯,但圖片上傳功能非常昂貴,我覺得自己被騙了。即將做的 –