Why do all new WordPress posts with a graphic or link show the corresponding HTML code instead of the image or link?
When I create a new post I use the visual editor, and I press Add Media, then select a graphic that I have uploaded, and the graphic shows as expected in the visual editor. I then press Preview and the full “img” HTML text shows in the preview window instead of the graphic. When inspecting the Preview window’s img element, it has quotes around the whole img element, thus treating it as text. The same issue happens when inserting a link – the full “a” HTML text is displayed.
This happens for me on the the default install of WP 4.7.3. Installed WP 4.7.3 to a fully patched Windows 7 64-bit PC. Apache 2.4.23, PHP 7.1.3, MySQL 5.7.15 with utf8mb4_general_ci collation (also tried utf8_default_collation). No plugins are active (I only have the 2 default plugins installed). No themes other than 3 default, and Twenty Seventeen is active. Using Chrome 57/Safari/Firefox all do the same thing.
I’ve installed on another Windows PC and get the same issue. If I press Add Media and add the graphic, then switch to the text editor, it shows the “img” element text correctly in the editor. When I preview this text view or publish it, it shows the full “img” element as text just like publishing from the visual editor view. If I manually enter an “a” link element, it shows the full “a” HTML not just the link’s visible text. All these scenarios show the HTML instead.
Restarted Apache, cleared cache, checked all Apache and PHP logs and no errors show in Chrome console.
I found this problem was caused by the filter setting in the php.ini file. From a previous PHP application the following setting was set:
filter.default = full_special_chars
This wrapped the post information in quotes. Commenting out this setting solved the problem.
Related
I maintain a website that uses WordPress. From time-to-time, one of my associates opens a page in the browser, highlights some text and images, and copy/pastes it into Microsoft Word, in order to provide summaries of content to one of our higher-ups.
Ordinarily, this would be an uneventful task. However, this process is now not working. When we highlight, then copy/paste content from a page, the text will transfer over to Word, but the images will not. We simply see an empty rectangle where the images should be. A screenshot, demonstrating that web page content that is copied, displays as nothing more than an empty rectangle when pasted.
This behavior is consistent across IE, Chrome, Opera, and Firefox. This problem occurs whether we use Microsoft Word or OpenOffice Writer. No updates were made to Word or our browsers during this time.
Of course, we want the images to display in Word, rather than empty rectangles. What can we do to make the images display in Word?
Insert image from your local system if problem persist, then its your Word issue. If local images are showing perfectly then just save a copy of image from online resource to your local system and add images from there. may be its just because of word is taking online reference for image and could not connect to internet to resolve them and showing you broken image. or the image you are adding is not supported by the older version of word such as .svg graphics. make sure you are adding images with .jpeg/jpg , .png, .gif file extension.
I uploaded a website online, and some of the images on of the pages does not display.
I have checked the path multiple times and I copied and pasted the src link, then just changed the name of the file, which was a number. eg: product1.jpg then product2.jpg, but the image of product 1 would display and not the image of product 2.
Is there anything else I can do to try fix it? Or find where the problem is?
Here is the product page of the current website.
Try using the debugger of the browser
On Chrome you can press F12, then go to the Sources section and check (and preview) the files the browser has recieved. If you see both pictures and you can preview them, then it is the HTML/CSS code of the page which, creates the problem. If you don't see them, the problem must be in the paths(check if you're using relative or absolute paths)
On Firefox you can press F12 and go to the Debugger section, and from there is is the same process.
One of my client's websites started randomly showing these strange little "L" characters in random areas of paragraphs. This is happening for her in Chrome and in IE. When I check it, however, I don't see them at all and everything looks fine. Anyone know why this would be happening? I've included a photo she sent me.
The site is www.shortandsuitebnb.com
See photo of issue here
I can see it too - on my browser(Chrome), on the hosts page, there is a broken character in the text, '', which is ASCII ETX, hex 0x03. It's present in the network tab too, so it is not a local issue.
Are you using Photoshop? From what I see online, people have issues copying text from it introducing control characters like this.
https://codeandsend.com/blog/email-photoshop-and-invisible-characters/
Now when SHIFT+ENTER is clicked, behind the scenes, Photoshop adds an
invisible character called ETX into the text. If the text is copied
into other software, ETX is retained and can cause trouble.
https://our.umbraco.org/forum/developers/api-questions/22859-invalid-character-server-stack-error#comment-113512
I had this issue in 6.05 - It was a copying/pasting from Photoshop
issue as well. I just copied the text into sublimetext. It showed up
the ETX chracter that caused the issue. Deleted it and pasted
back...and it works.
Try pasting the text into an editor like Sublime Text which shows the control characters, delete them, and then paste them into Wordpress or whatever you are using for the site.
I've downloaded full calendar from here. Then I've added site to dreamveawer, with root folder being fullcalendar-2.9.1. I wanted to work on demos inside this folder, but dreamveawer is showing empty page when I am opening demo sites. If I pick preview in browser, than page displays normally. Only inside dreamveawer I see only white screen.
First picture: site that I created
Second picture: code - design view of one of demo pages
You're trying to run php script through without a local server.
You'll need to add one to your system (perhaps xxamp or wamp) and configure your localhost with dreamweaver. You'll find a tutorial on adding localhost to dreamweaver here WPTricks adding localhost, It's using wordpress in the example but with remain the same for your setting inside dreamweaver.
I'm using ABCPDF.Net version 5 to create a PDF file from HTML. However, the links appear to be highlighted in a dark color and almost impossible to read. If I set pdfDoc.HtmlOptions.AddLinks = false; then the text displays fine but obviously the links are gone. The links also display fine as HTML. Just wondering if anyone has encountered this issue before, or has an idea about how to fix.
Steve
Version 5 is very old. I would recommend that you upgrade to the latest version, it has a much better render engine for HTML.
ABCPdf will stream in what ever the HTML looks like on the server. First off double check that you are not getting this issue when you view the HTML direct on the server. open the page in IE (ABCPdf, pre version 8 uses the servers version of IE for the render).
If you are getting the links a funny colour on the server, just change the css of the page until it all looks ok.