與Ionic一起使用TinyMCE

我目前正在嘗試與Ionic一起使用tinymce，並遇到了一個奇怪的問題。以下顯示的是我的index.html頁面。如果我以這種方式使用它，那麼它可以完美工作，並且我可以使用tinymce textarea框來處理。與Ionic一起使用TinyMCE

但是，如果我嘗試在任何其他html文件中調用它，那麼它不會更改<textarea>標記的外觀/功能。

有沒有一種方法我應該從我的其他文件中調用它？

謝謝！

<!DOCTYPE html> 
<html> 

<head> 
    <script src="tinymce/tinymce.min.js"></script> 
    <script> 
    tinymce.init({ 
     selector: 'textarea' 
    }); 
    </script> 

</head> 

<body ng-app="myApp"> 

    <textarea>Easy (and free!) You should check out our premium features.</textarea> 

    <ion-nav-view></ion-nav-view> 
</body> 

</html>

來源

2016-01-27 tryingtolearn

「其他html」文件在這裏表示什麼？你可以在那裏顯示代碼嗎？ – Thariama

Ionic使用angularjs，通過「調用」我假設你的意思是初始化腳本文件頭部的插件。這會在加載時在您的索引頁上工作。我懷疑它在「其他html」文件中不起作用的原因是因爲在插件初始化之前（如果真的存在的話）在頁面上呈現html。

簡單的解決方案是爲這個插件創建一個自定義指令。如果由於某種原因你無法做到這一點，那麼你可以檢查github上的this包。儘管我還沒有用過它。

如果您擔心插件載入甚至不是真正需要的頁面，那麼您可以使用LazyLoad。

來源

2016-01-29 10:25:51 user3718908

這工作。我通過該頁面的控制器注入它。謝謝！ – tryingtolearn

與Ionic一起使用TinyMCE

回答

相關問題