asp.net mvc - CKEditor - move skins folder somewhere else -


i'm using ckeditor first time , trying thought simple far i've had no success.

essentially want place editor.js, config.js , styles.js in scripts folder want "skins" folder contains css , images appear within separate "styles" folder.

the application consists of simple view displays editor on load.

the code display editor follows:

angular.element(document).ready(function () {     ckeditor.config.contentscss = '/styles/ckeditor/';     ckeditor.replace('editor'); });

the html within view follows:

@section scripts {     <script src="~/scripts/ckeditor.js" type="text/javascript"></script>     <script src="~/scripts/angular.js"></script>     <script src="~/scripts/main.js" type="text/javascript"></script> }  <h2>index</h2>  <textarea id="editor" name="editor"></textarea>

this mvc application , scripts rendered @ end of body within layout view.

the editor not display in browser. understand setting contentscss property should trick.

if place skins beneath script folder works fine. can see in generated source adding link header pointing /scripts/skins/moono..., want add reference /styles/skins/moono...

is trying feasable , if missing here? expecting simple.

as work around add routing rules redirects relevant request different location, i'd rather bottom of issue before this.

further information:

  • my application asp.net 4.5/mvc 4 app.
  • i'm referencing angular because i'll using once i've sorted issue. have tried removing references angular problem still persists.
  • i've tried setting contentscss property in following ways:
    • directly using ckeditor.config.contentscss
    • within config.js file. sample assigns anonymous function ckeditor.editorconfig , in there can manipulate congif entries.
    • passing config parameter when calling "replace" method on ckeditor object.
    • i've tried manipulating contentscss property both before , after call replace.
  • i'm using latest version of ckeditor (4.2)

thanks @richard deeming, i've found answer.

i'm using default moono style, needed set ckeditor.config.skin property follows:

ckeditor.config.skin = 'moono,/styles/ckeditor/skins/moono/'

my final code looks this:

angular.element(document).ready(function () {     ckeditor.config.skin = 'moono,/styles/ckeditor/skins/moono/';     ckeditor.replace('editor'); });

you have set url actual folder containing skin (i thought ckeditor might append skins/mooono doesn't).

i found must include final '/' url.


Comments

Post a Comment

Popular posts from this blog

php - get table cell data from and place a copy in another table -

two-part question: have 2 tables: 1 table items , other table selected items copied when add button clicked. after, when items wanted selected, there 'finished' button post items selected db. i started javascript didn't far @ because jquery seems better suited i'm not familiar it function addto() { var div = document.getelementbyid('fixeddiv','inside'); div.innerhtml = div.innerhtml + 'item added'; } <div id='fixeddiv'> <table align="center" id="tradee"> <th rowspan="2"> other item</th> <?php while($rowi =$item->fetch_assoc()) {?> <tr> <td> <?php echo $rowi['item_name']; ?> </td> <td><?php echo $rowi['item_description'];?></td> </tr> <?php } ?> </table> <br> <table align="center" id="tradetable"
Read more

javascript - Mootools wait with Fx.Morph start -

i trying var effect = new fx.morph(testmorph, { wait/delay 2 seconds before starting. ( fiddle here ) but when try .wait(2000) or .delay(2000) , or .wait(2000, effect) uncaught typeerror: object [object object] has no method 'delay' any ideas how working? code i'm using: var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000); you can use combination of chain() , delay() achieve desired effect. new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); }); the
Read more

php - Navigate throught databse rows -

i run image hosting site, , ive run problem. want make 2 buttons beside pic "next image" , "prev image". im new php/mysql , haveing troubles. check out got. use id (numbers) find correct row, have image name build next link. how make below query next , prev image names + ids? $query_next = ("select imageid, image_name images image_name = '$image_main' order imageid desc limit 1"); $query_prev = ("select imageid, image_name images image_name = '$image_main' order imageid asc limit 1"); // next $next = mysql_query($query_next); // prev $prev = mysql_query($query_prev); while ($row = mysql_fetch_assoc($next)) { $next = $row['image_name']; } while ($row = mysql_fetch_assoc($prev)) { $prev = $row['image_name']; } the html = > simple stuff. <a href="http://mysite.com/view_image/<?=$next?>">next image</a> <a href="http://mysite.com/view_image/<?=$pr
Read more