GithubHelp home page GithubHelp logo

waxolunist / bootstrap3-wysihtml5-bower Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hockic/bootstrap-wysihtml5

273.0 273.0 111.0 5.06 MB

Simple, beautiful wysiwyg editor

Home Page: http://waxolunist.github.io/bootstrap3-wysihtml5-bower/

License: MIT License

JavaScript 88.30% HTML 8.42% Handlebars 3.28%

bootstrap3-wysihtml5-bower's People

Contributors

a-f1v3 avatar ajeliuc avatar alekseyev avatar amephist avatar aueda avatar boh1996 avatar brammm avatar bunnymatic avatar buzzedword avatar camelmasa avatar cantorrodista avatar cblock avatar cocoaine avatar dawid-drelichowski avatar edslocomb avatar hermansc avatar hinrik avatar hockic avatar jhollingworth avatar kaworu avatar koppor avatar martin-g avatar marvindv avatar nanego avatar robashton avatar rodrigopereyradiaz avatar thet avatar tiff avatar volmer avatar waxolunist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap3-wysihtml5-bower's Issues

Update templates dist

The templates dist file has not been updated in v0.3.1 The AMD version is fine but the regular one lacks the new template updates like the font awesome support.

Simple buttons

With primary, succes, etc checkboxes
Size, block, active, disable

IE11 and console.log()

Hello there,

In one of our WordPress plugins, we use bootstrap3-wysihtml5.all.min.js.

Because of a console.log(); in this file, the javascript was not executed. Please see this comment on StackOverFlow.

Could you remove the console.log() or make sure it works on IE?

Cheers

Provide fallback for locales

When a language chosen has no translation for a specific property, use the english translation, which should always be available.

Without Handlebars.js

Firstly, it's sad that such a clever, compact, and powerful script has been left high and dry in other repos, so THANK YOU for maintaining the project!

I do want to inquire about dependencies though. If I just want to use wysihtml5 without having my buttons styled, or other GUI handled for me, is this repo still usable, or is Handlebars.js a definite dependency? The minimalistic dogma of wysihtml5 was a feature that drew me to it over etherpad, and I was hoping to simply implement the core wysihtml5 (along with your advancements) from this repo, if at all possible.

bootstrap3-wysihtml5.all.min.js, line 3 character 22397

When using IE10 with multiple textareas, only the first one is appearing correctly. The rest are in HTML code. IE10 has this error message "SCRIPT5007: Unable to get property 'addEventListener' of undefined or null reference
bootstrap3-wysihtml5.all.min.js, line 3 character 22397"

All other browsers (IE11, Chrome 32 and Firefox 26) are working fine.

Any idea? Cus' my clients are still using IE10 as their major browser! Please help.

Using 3.1.0

When i installed the editor using bower by bootstrap got downgraded to 3.1.1 from 3.1.0

Any reason for using, 3.1.0, can you bump it?

Justify button

Is it possible to add Justify text buttons in the toolbar ?

I am not able to insert data into textarea in ajax calls using jquery ,

I am unable to insert data into textarea using in ajax calls jquery ,

$(document).ready(function(){
  $.ajax({
    url: "/wikipost",
    type: "POST",
    data: JSON.stringify(data),
    contentType: 'application/json',
    datatype: "json",
    success: function (datas) {
      console.log('success');
      var res = JSON.stringify(datas);
      console.log(res);
      $.each(datas, function (index, element) {
        $('#textarea').val(element.extract) 
      });
 });

I also used .val(), .html(), .append() neither of these worked
please help me out, am I missing something ? ...........

Content disappears after sorting

I'm using jQuery Sortable for sorting my content. One of the fields in the <li> that is sorted is textarea with wysihtml5.

It works fine, but after I drag & drop / sort the li's, the textarea content disappears and cannot be clicked any more.

I guess I would need to destroy wysihtml5 before the sort and reinitialize it after - how can that be done? Or, is there any other way to solve this issue?

Adding custom toolbar buttons is made slightly more awkward than necessary

I'm utilising the underlying wysithtml5 libraries 'insertHTML' command on some custom buttons. To do this I've created a template that includes these commands and have added

custombuttons: true,

to my user options to get it to load. Only it doesn't load because the this library uses the defaultOptions to populate the toolbar and not the combined default/user options. To work around this I have added the above to the the underlying $.fn.wysihtml55.defaultOptions object. This realistically achieves the same but is not super intuitive.

flexible height

Hello,
does this editor offers a flexible height, that the content area is growing while editing? It looks very promising though.

Cheers,
Dominic

Shortcut for createLink

Hey! I'm using the Rails version of the plug (https://github.com/Nerian/bootstrap-wysihtml5-rails) and am looking to add a shortcut for creating a link (Cmd-K):

I added:

      shortcuts:
        "55": "insertOrderedList"
        "56": "insertUnorderedList"
        "75": "createLink"

When I hit cmd-k, it pastes a link and doesn't trigger the link modal. Should I be targeting a different action? I briefly looked through the code and the action for the button is the same as the command in the config ("createLink").

First action is me hitting the toolbar, second is Cmd-k.

link

Can't replicate the link behaviour when seletion is in a label

Hi!
Could you please checkout this: https://github.com/Garito/bootstrap3-wysihtml5-bower
and tell me why the Label button doesn't behaves like link even when they are almost identicall?

In theory, if you define a label (witch works correct) but then put the cursor over it, the label button don't changes to pushed and behavies like the link button

Is it possible that this occurs because of the parser? (trying to use intuition on this question)

Thanks!

Toolbaroptions should be better declared

The toolbaroptions are currently read in the root of the options. The disadvantage of this approach is, that it is not possible to declare more granular options. Besides it is bad, because it does not allow to declare other options of type boolean and value true.

Goal is that toolbaroptions are an object of its own. Every non falsy value should initiate the corresponding menu.

This change will break current approach, therefore it is in version 0.3.x.

Lead button

Is a p with class lead
Its used to make the p stand out the rest

Update wysihtml5 version to 0.4.0

  • Search the best fork available.
  • Convince the maintainer to make it available on bower.
  • Change the dependencies and test.
  • Make changes needed.

Japanese IME Input Issue

I have the problem when typing japanese.
Here I found the same issue and the solution for it at the original wysihtml5 plugin:
Issue: tiff/wysihtml5#177
Solution: https://github.com/xing/wysihtml5/pull/382/files

In jhollingworth's repository, I found that code line needed to be fixed is in this file: bootstrap-wysihtml5 / lib / js / wysihtml5-0.3.0.js (line 8538)

however, I'm using these only 2 files of yours in my project:
bootstrap3-wysihtml5.all.min.js
bootstrap3-wysihtml5.min.css
Therefore, I have no idea how to fix it.

Please have a look at this issue. btw, Can you release a uncompressed version of bootstrap3-wysihtml5.all.min.js? Thank you in advance.

can't get it to work

I've followed instructions on howto implement but the textarea is not replaced bij a nice bootstrap one.
In the header I load css

and load jQuery <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

In the footer I load bootstrap and the wysihtml5 scripts

<script src="//dev.tri-times.nl/assets/js/bootstrap.min.js"></script> <script src="//dev.tri-times.nl/assets/wysihtml5/bootstrap3-wysihtml5.min.js"></script> <script src="//dev.tri-times.nl/assets/wysihtml5/locales/bootstrap-wysihtml5.nl-NL.js"></script>

In the html where i want one ore more textareas to bereplaced with a bootstrap version there is this code

<textarea id="inhoud" name="inhoud" class="col-md-12 textarea" rows="12" tabindex="8"></textarea> <script type="text/javascript"> $('.textarea').wysihtml5({ locale: "nl-NL", toolbar: { fa: true } }); </script>

I guess i'm doing something stupid wrong, but are realy stuck at this moment
Erik

jQuery 1.x

is the plugin working on jQuery 1.x instead of jQuery 2.x?

Add example for tables

With complete bootstrap interface:
checkboxes for striped, border, hover, responsive, etc

Locale don't load

Hi!
Moving on with the integration of the editor in my system, I'm trying now to load a different locale but it fails no matter witch locale I'm trying to load (see the attachment)

Could you point me how to solve this issue or how to explain it better for understanding?

BTW there isn't errors or sign of problems only texts doesn't load. As a clue, the unmantained library raises an error with locales too

Thanks!
captura de pantalla 2013-12-17 a la s 11 12 55

Adding new lines causes the cursor to jump up

I'm using the Rails project with this (https://github.com/Nerian/bootstrap-wysihtml5-rails) and I'm seeing weird behavior in a few projects since switching over. It's possible it's unrelated to this particular lib, but I'm hoping you can help me track it down.

If I enter some text and then hit "Enter" twice, the cursor will jump up and not respect the multiple new lines. If I look at the source while doing so, <br />'s are getting added, but below the cursor.

newline

any ideas?

Add option for small

A small button should mark a text with

 <small>Text</small>

A shortcut for this command should be added. Preferrable Ctrl+S

Bootstrap integration

This is a big one, I'm agree
The point is that seems to me weird at least that this library's name is bootstrap3 but hasn't any bootstrap integration

The logic tells me that the parser and the toolbar need to include the components of the framework even when it's not a simple job

Are you agree with me?

Display formatted content when initializing WYISHTML5 on div

When I initialize WYISHTML5 on div, the content of the div after page load isn't formatted, instead I get ie. <b>This should be bold</b>. Am I missing something, or is this a bug?

I'm initializing it like:

function initialize_wysihtml5(element) {
    element.wysihtml5({
        "stylesheets": ["http://domain.com/lib/bootstrap-wysihtml5/lib/css/wysiwyg-color.css"], // CSS stylesheets to load
        "color": true, // enable text color selection
        "size": 'small', // buttons size
        "html": true, // enable button to edit HTML
        "format-code": true, // enable syntax highlighting
        "image": false
    });
}

Small modals instead of large modals

First of all, thanks for forking an old repository and keeping it up.

Insert image and insert link modals are very large (for that amount of content).

Bootstrap has a class for small modal (.modal-sm applied to .modal-dialog).

It's far more pretty than the large one.

But again thanks for your great work :)

Adding shortcut keys overridden by browser

I tried to add an additional shortcut key as in the example in the README.

When I used '186' for semi-colon, the shortcut worked as expected, but using the example of '84', the browser (Chrome) opens a new tab instead.

Button size option not supported yet?

Hey,

first of all, nice job on this editor!

I was trying to use button size option but it doesn't work. Isn't it implemented yet or am I doing something wrong?

Using "size": "sm" for example but doesn't seem appropriate Bootstrap classes are generated in the code (only "btn btn-default"). Editor and other options normally work.

Thanks!

Delete dist folder before building

Update Grunt task, so that the dist folder will be deleted before building in order to prevent mistakes as reported in #59.
Furthermore maybe npm packages and bower should be automated updated as well.
Generated files should be copied to the dist folder.

Look as well in the 0.2.x branch, if the same error occurs there.

RequireJS - Errors after updating from 0.2.6 to 0.2.9 via bower

With 0.2.6 everything worked just fine, but errors below come with 0.2.9.
Anyone knows how to fix them?

[Error] TypeError: 'undefined' is not an object (evaluating 'a.commands') (bootstrap3-wysihtml5.all.min.js, line 2)
[Debug] Locale 'en' not found. Available locales are: . Falling back to 'en'. (bootstrap3-wysihtml5.all.min.js, line 2)
[Error] TypeError: 'undefined' is not a constructor (evaluating 'new b.Editor(this.el[0],c)')
createEditor (bootstrap3-wysihtml5.all.min.js, line 2)
d (bootstrap3-wysihtml5.all.min.js, line 2)
(anonymous function) (bootstrap3-wysihtml5.all.min.js, line 2)
each (jquery.js, line 590)
each (jquery.js, line 237)
bypassDefaults (bootstrap3-wysihtml5.all.min.js, line 2)
shallowExtend (bootstrap3-wysihtml5.all.min.js, line 2)
init (bootstrap3-wysihtml5.all.min.js, line 2)
wysihtml5 (bootstrap3-wysihtml5.all.min.js, line 2)
initEls (modalLayer.js, line 78)
ModalAritcle (modalLayer.js, line 19)
data (_player.js, line 24)
(anonymous function) (main.js, line 8)
execCb (require.js, line 1650)
check (require.js, line 866)
(anonymous function) (require.js, line 1113)
(anonymous function) (require.js, line 132)
(anonymous function) (require.js, line 1156)
each (require.js, line 57)
emit (require.js, line 1155)
check (require.js, line 917)
(anonymous function) (require.js, line 1113)
(anonymous function) (require.js, line 132)
(anonymous function) (require.js, line 1156)
each (require.js, line 57)
emit (require.js, line 1155)
check (require.js, line 917)
(anonymous function) (require.js, line 1113)
(anonymous function) (require.js, line 132)
(anonymous function) (require.js, line 1156)
each (require.js, line 57)
emit (require.js, line 1155)
check (require.js, line 917)
enable (require.js, line 1143)
init (require.js, line 774)
callGetModule (require.js, line 1170)
completeLoad (require.js, line 1564)
onScriptLoad (require.js, line 1671)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.