Giter Site home page Giter Site logo

token-replacement-ckeditor-plugin's People

Contributors

rael9 avatar smartcorestudio avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

token-replacement-ckeditor-plugin's Issues

"Display Text" displayed instead of [[value]]

Hey guys, great plugin :)
do you probably have an idea how to display the "Display Text" instead of [[value]]? the [[value]] should only be used when exporting the data. To give a reason: we have dynamic attributes (like Company, Street, Size etc), which are uniquely identified by UUID. So if I pick for example Company, the tag is [[9bca08e6-f61f-441a-9341-2ea92ea60733]]. Inserting [[Company]] is not so nice, since the name of the Attribut could change. So in a perfect world, I'd love to have just the non editable word "Company" (with the yellow background) in my editor while [[9bca08e6-f61f-441a-9341-2ea92ea60733]] will be exported.
Best regards,
Matt

Incompatible token sentinals

It seems to choke on any token with a character following a { in either start or end token strings

    config.tokenStart = "{%";
    config.tokenEnd = "%}";
    config.tokenStart = "{A";
    config.tokenEnd = "A}";
Uncaught TypeError: 
Cannot read property 'AA' of undefined(anonymous function) @ VM7641:3
editor.addCommand.exec @ plugin.js?t=FB9E:1860
exec @ ckeditor.js:185
CKEDITOR.tools.extend.execCommand @ ckeditor.js:252
CKEDITOR.tools.extend.click @ ckeditor.js:669
d.execute @ ckeditor.js:670
(anonymous function) @ ckeditor.js:671(anonymous function) @ ckeditor.js:31
CKEDITOR.tools.callFunction @ ckeditor.js:31
onclick @ url..:1

Manually inserted tokens are not being highlighted

I wanna know if this is the expected behavior, if so, how can we make this happen? .. I can try a PR soon.

See on the image below, the first token (the highlighted one), were added by the button on the toolbar, the second one, was inserted manually by the user when typing. I was expecting both to be highlighted and treated as a token.

image

Popup too wide when embedded in MaterializeCSS site

I'm trying to use token-replacement in a MaterializeCSS site, but the popup is affected by the MaterializeCSS CSS. The rest of the editor does some kind of CSS reset to get the normal behavior -- is there something I could do to achieve the same for this plugin?
screen shot 2017-02-13 at 17 29 03

Add a placeholder to select list.

Hi @rael9,
Can you give me a hint please on how can I add a placeholder to the select list, like "Select an option" because for now I only get an empty
placeholder
placeholder.

Thank you

how to specify only start token?

Hello @rael9
I have a email template which loads in the editor when it starts. I would like to treat all text that is started with a specific string to be treated as token in my CKEditor.
I tired, tokenStart : '@@model.' and tokenEnd: '', but then it only treats @model. as a token not the whole string. In my editor, there is a string like @Model.Recipient.Name If I use tokenStart : '@@model.' and tokenEnd: 'e', it only treats "@Model.Re" as token. And for tokenStart : '@@model.' and tokenEnd: 't', it doesn't treat the string as token at all.
I have a dropdown with "@Model.Recipient.Name" as value, and if I add it from the dropdown, in all above mentioned cases it works fine.
I am very new with CKEditor. Please suggest me how can I make the editor to treat all string that starts with @model as token.

Adding new tokens on the fly

I would like to give my users the ability to add new tokens if they want. Is there a possibility to add new tokens on the fly? Ideally, I would like to add the capability to be incorporated in the token replacement plugin.

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.