search

miztroh-zz / wysiwyg-e

A what-you-see-is-what-you-get editor created with Polymer
85 stars 18 forks source link

Issue with the Image tool #82

Closed jperera84 closed 8 years ago

jperera84 commented 8 years ago

II have this problem when I tried to enter an Image URL in the Image tool there is some problems:

  1. I can't use the KeyBoard to move to the start or end of the url.
  2. I can't click on the Url textbox because url disappear.
  3. When I enter the url if I click on the Ok button to show the image in the content nothing happen, the url is remove and nothing happen, I mean is like no event were trigger when I click the button.

Everything else seems to be working fine but I just wonder if it is something that I missed or some. Thank you I really appreciate your help

jperera84 commented 8 years ago

Please, any help on this, I can't find the problem. In the Browser Console I don't have any error, also I checked the network tap in the Browser and I don't have any problem all the files are downloaded. Thanks in advanced

Files References

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-styles/typography.html">
<link rel="import" href="../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="../bower_components/iron-localstorage/iron-localstorage.html">
<link rel="import" href="../bower_components/iron-overlay-behavior/iron-overlay-behavior.html">
<link rel="import" href="../bower_components/font-roboto/roboto.html">
<link rel="import" href="../bower_components/marked-element/marked-import.html">
<link rel="import" href="../bower_components/wysiwyg-e/wysiwyg-e.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/bold.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/italic.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/underline.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/strike.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/clear.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/link.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/image.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/ordered.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/unordered.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/indent.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/outdent.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/heading.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/justify.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/blockquote.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/undo.html">
<link rel="import" href="../bower_components/wysiwyg-e/tools/redo.html">
miztroh-zz commented 8 years ago

@jperera84 Please provide a an example of your issue. If you can't get a JS Bin working, I'll accept an animated GIF recording that demonstrates your problem.

jperera84 commented 8 years ago

@miztroh This is a gif that show the issue: issue In the previous post I copy/paste the references. As you could see in the gif, there is something weird with the image element, I can copy or write the url but I can't move the cursor the keyboard, and also if I click in any place the url is erased and when I click in the OK button the url is removed and nothing happen. Please I really appreciate any help on this. Thanks

miztroh-zz commented 8 years ago

I've made a change to the image tool. See https://github.com/miztroh/wysiwyg-e/issues/91.

Please do your test again, but use the demo page instead of your own. Make a new .gif using the demo page.

https://miztroh.github.io/bower_components/wysiwyg-e/

jperera84 commented 8 years ago

@miztroh, I tested the demo with the new version for the image tool, and it really works fine here is the gif: issue-demo After that I updated my project and it seems to be updated but it doesn't work fine: issue-pro I know is something on my project, this is all the references that I have in my project: `

`

And this is my complete code for the element: `

`

miztroh-zz commented 8 years ago

Thanks for your .gifs. It helps to see that the issue is limited to your context. If you can host your code somewhere I can actually use it, I'll be happy to take a look.

jperera84 commented 8 years ago

@miztroh , thank you so much, I'm going to upload to githup so you could take a look.

jperera84 commented 8 years ago

@miztroh, this is the project and the url for the element that it is using the component, please let me know when you finish to delete the project, thanks https://github.com/jperera84/signasafe-admin/blob/master/src/my-blogentry.html

miztroh-zz commented 8 years ago

@jperera84 I was just looking to demo the page itself. Can you email me a link to a demo site?